body { height: 100%; margin: 5px 0 0; padding: 0; background: #fff; text-align: center; font: 300 16px 'Open Sans Condensed', sans-serif; color: #000; }
body:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] body { display: block; }
	
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; } 

/* main keyword */
#main_keyword { position: relative; clear: both; width: 940px; margin: 0 auto 10px; padding: 0 5px; text-align: left; color: #012769; }
#main_keyword h1 { margin: 0; padding: 0 0 2px; font-weight: normal; font-size: 14px; }
#main_keyword h1 b { font-style: italic; font-size: 15px; }

/* container */
.container { position: relative; clear: both; width: 950px; margin: 0 auto 0; padding: 0; text-align: left; z-index: 1001; }
.container:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .container { display: block; }
* html .container { height: 1%; }

	/* header */
	#header { position: relative; clear: both; margin: 0; padding: 0; height: 110px; text-align: left; z-index: 10; }
		
		/* keywords */
		#keywords { position: absolute; top: 0; left: 5px; }
		#keywords h1, #keywords h2 { margin: 0; padding: 0; font-weight: normal; font-size: 11px; color: #737373; }
		
		
		/* logo */
		#logo { position: absolute; top: -15px; left: 0; z-index: 0; }
		
		/* feedback */
		#site-feedback { position: absolute; top: 15px; left: 226px; padding: 2px; background: #e30e0d; }
		#site-feedback a { color: #fff; }
		
		
		/* top bar */
		#topbar { position: absolute; top: -5px; right: 0; line-height: 40px; }
		
		
		/* account */
		#account { position: relative; float: left; padding: 0; color: #000; z-index: 101; }
		#account a { font-size: 16px; color: #012769; }
		#account a strong { font-weight: bold; font-size: 16px; color: #012769; }
		#account a:hover { text-decoration: none; color: #777; }
		
		/* cart */
		#cart { position: relative; float: left; padding: 0 0 0 45px; font-size: 16px; color: #00256b; z-index: 100; }
		#cart img { margin-right: 5px; vertical-align: top; }
		#cart strong { font-weight: bold; font-size: 16px; }
		#cart strong sup { font-weight: normal; font-size: 10px; }
		#cart a { font-size: 15px; color: #00256b; }
		#cart a:hover { text-decoration: none; color: #000; }
			
			/* view products cart */
			#view_products_cart {
				display: none; position: absolute; width: 320px; height: auto; right: 0; padding: 0 5px;
				border-style: solid; border-width: 1px 2px 2px 1px; border-color: #b2b2b2 #89898d #89898d #b2b2b2;
				background: #fff; z-index: 1000; overflow: inherit;
			}
			
			ul.vpcart { display: block; width: 320px; height: 100%; margin: 0; padding: 0; overflow: hidden; }
			/* list cart items */
			ul.vpcart li {
				position: relative; float: left; clear: both; width: 319px; line-height: 20px; margin: 0; padding: 0;
				border-bottom: 1px solid #eee; list-style: none;
			}
			ul.vpcart li:first-child { margin-top: 5px; }
			ul.vpcart li.licheckout { line-height: 30px; border: 0; }
			ul.vpcart li span {
				position: relative; float: left; min-height: 20px; height: auto !important; height: 20px;
				margin: 0; padding: 2px 1px 5px 3px; color: #000;
			}
			#cart ul.vpcart li span a { color: #000; }
			#cart ul.vpcart li span a:hover { text-decoration: none; color: #012769; }
			ul.vpcart li span.vpimage { width: 35px; }
			ul.vpcart li span.vpimage img { max-width: 35px; max-height: 35px; vertical-align: middle; }
			ul.vpcart li span.vphdproduct { width: 121px; }
			ul.vpcart li span.vpproduct { width: 207px; text-align: left; font-size: 14px; color: #012769; }
			#cart ul.vpcart li span.vpproduct a { font-size: 15px; }
			ul.vpcart li span.vpproduct strong { color: #000; }
			ul.vpcart li span.vpproduct strong.price { color: #0a66e5; }
			
			ul.vpcart li span.vphdproduct, ul.vpcart li span.vphdquantity, ul.vpcart li span.vphdprice {
				min-height: 15px; height: auto !important; height: 15px; padding-top: 5px; font-weight: bold; color: #000;
			}
			
			.scroll-pane { width: auto; max-height: 600px; overflow: auto; }
		
		/* phone contact */
		#phone-contact { position: absolute; top: 13px; left: 330px; }
		
		/* search */
		#search { position: absolute; width: 350px; top: 78px; left: 0; margin: 0; padding: 3px 0 0 3px; border: 1px solid #eee; z-index: 100; }
		#search:hover { border: 1px solid #012769; }
		#search input { width: 320px; height: 22px; padding: 0; border: 0; background: #fff; z-index: 101; }
		#search img { position: absolute; top: 7px; right: 2px; }
		
		/* header bar */
		#hdbar {
			position: absolute; width: 100%; height: 32px; top: 60px; right: 0; padding: 0; z-index: 20;
		}
			
			/* menu */
			.navigation { position: relative; float: right; z-index: 30; }
			.navigation ul { position: relative; list-style: none; }
			.navigation ul a {
				display: block; line-height: 32px; margin-right: 5px; padding: 0 5px; text-decoration: none; font-weight: bold; font-size: 18px; color: #012769;
			}
			.navigation ul li { position: relative; float: left; }
			.navigation ul li:hover { }
			.navigation ul li:hover > a,
			.navigation ul a.selected {
				background: #012769; color: #fff;
			}
			.navigation ul li a:last-child { margin-right: 0; }
			.navigation ul li:hover:last-child > a { }
			.navigation ul ul {
				display: none; position: absolute; top: 30px; right: 0; padding: 5px; border: 2px solid #012769;
				background: url("../img/common/dot-pixel-white.png") repeat;
			}
			.navigation ul ul li { float: none; width: 225px; }
			.navigation ul ul a { line-height: 120%; margin-right: 0; padding: 5px 7px; font-size: 16px; }
			.navigation ul > li:hover a.selected { background: #000; color: #fff; }
			.navigation ul ul ul { top: 0; left: 100%; }
			.navigation ul li:hover > ul { display: block; }
	
	
	#content { position: relative; clear: both; height: 100%; margin: 20px 0 0; padding: 0; background: #fff; z-index: 0; }
	#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 full */
		#middle-full { position: relative; clear: both; margin: 0; padding: 5px; }
		#middle-full p { font-size: 17px; }
		#middle-full h2 { border: 0; }
		
		/* breadcrumbs */
		.breadcrumbs { margin: 0 0 10px; padding: 0 0 5px; border-bottom: 1px solid #ddd; font-size: 15px; }
		.breadcrumbs a { font-weight: normal; color: #012769; }
		.breadcrumbs a:hover { text-decoration: none; color: #012769; }
		.breadcrumbs div { display: inline; padding: 3px; font-weight: bold; color: #012769; }
		
		/* left */
		#left { position: relative; float: left; width: 200px; margin: 0; padding: 0; z-index: 5; }
			
			/* box */
			.box { position: relative; clear: both; margin: 0 0 15px; padding: 0; z-index: 10; }
				.box.bxof { z-index: 7; }
				
				/* title */
				.box-title { clear: left; height: auto; margin: 0; padding: 7px 5px 7px 10px; background: #012769; font-weight: bold; font-size: 16px; color: #fff; z-index: 11; }
				
				/* content panel */
				.box-content { position: relative; margin: 0; padding: 0; z-index: 12; }
				.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; }
					
					/* special offer */
					.display {
						position: relative; clear: both; min-height: 50px; height: auto !important; height: 50px;
						margin: 0 0 3px; padding: 5px; text-align: center;
					}
					.display h2 { margin: 0; padding: 0; }
					.display h2 a { font-weight: normal; font-size: 17px; color: #124081; }
					.display h2 a:hover { text-decoration: none; color: #000; }
					.display .dpimage { position: relative; clear: both; }
					.display .dpimage img { /*max-width: 100px; max-height: 100px;*/ }
					.display .dpprice { clear: both; margin: 0; padding: 0; /*background: #eee;*/ }
					.display .dpprice p { display: inline; margin: 0; padding: 0; font-weight: bold; font-size: 21px; color: #012769; }
					.display .dpprice p small { text-decoration: line-through; font-weight: normal; font-size: 15px; color: #f00; }
					.display .dpprice p sup { font-weight: normal; font-size: 18px; }
					
					.box .box-content.offers { text-align: center; }
					a.box-content-offers { line-height: 20px; margin: 0 11px 0 0; color: #000; }
					a.box-content-offers:hover { text-decoration: none; color: #012769; }
				
				/* show all records */
				.show-all-records { clear: both; margin: 0 5px 5px; text-align: center; }
				.show-all-records a { color: #000; }
				.show-all-records a:hover { text-decoration: none; }
				.latest-added-products .show-all-records a { font-size: 15px; color: #012769; }
				.latest-added-products .show-all-records a:hover { text-decoration: none; color: #000; }
				
				/* latest added products */
				.latest-added-products { clear: both; width: 180px; margin: 0; padding: 0; }
				.latest-added-products ul { clear: both; margin: 5px 0 0; padding: 0; }
				.latest-added-products ul li { clear: both;  width: 165px; }
				.latest-added-products ul li:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
				html[xmlns] .latest-added-products ul li { display: block; }
				.latest-added-products ul li p { display: inline; font-size: 15px; color: #000; }
				.latest-added-products ul li p strong { font-size: 15px; color: #000; }
				.latest-added-products ul li p small { text-decoration: line-through; font-weight: normal; font-size: 9px; color: #f00; }
				.latest-added-products ul li p sup { font-weight: normal; font-size: 10px; }
				.latest-added-products ul li em { color: #f00; }
				.latest-added-products ul.lap li a { color: #012769; }
				.latest-added-products ul.lap li a:hover { text-decoration: none; color: #000; }
				
				/* help list */
				.cat-help { position: relative; clear: both; }
				.cat-help { position: relative; clear: both; margin: 0 0 15px; height: 100%; padding: 5px; }
				.cat-help a.hovhlp { padding: 2px; color: #777; }
				.cat-help a.hovhlp:hover { padding: 2px; }
				.cat-help h2 { position: relative; clear: both; margin: 7px 0 2px; padding: 0; font-weight: bold; font-size: 17px; color: #012769; }
				.cat-help h2 a { text-decoration: none; color: #012769; }
				.cat-help h2 a:hover { text-decoration: none; color: #777; }
				.cat-help ul { position: relative; clear: both; width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; }
				.cat-help li { display: block; margin: 2px 0; font-size: 17px; color: #000; }
				.cat-help li a { line-height: 20px; padding: 2px; text-decoration: none; font-size: 17px; color: #000; }
				.cat-help li a:hover { color: #e30e0d; }
				
				/* newsletter */
				.box-newsletter { clear: both; margin: 0 0 10px; padding: 0 5px 5px; }
				.box-newsletter p { margin: 10px 0; font-size: 16px; }
				.box-newsletter p.msg-error,
				.box-newsletter p.msg-success {
					padding: 0; border: 0; background: none;
				}
				.box-newsletter input { width: 90%; }
				.box-newsletter .buttonstyle { display: block; margin-top: 20px; }
				
				/* poll */
				.site-poll { margin: 0; padding: 0; }
				.site-poll h3 { margin: 5px 0 7px; padding: 0; font-size: 11px; }
				.box-content .site-poll p { clear: both; margin: 0; padding: 0; text-align: center; }
				.site-poll ul { width: 100%; margin: 0; padding: 0; }
				.site-poll ul li {
					display: block; clear: both; line-height: 25px; margin: 0; padding: 0; background: none; text-align: left; list-style: none;
				}
				.site-poll input { float: left; height: 10px; margin-top: 3px; margin-left: 3px; border: none; background: none; }
				.site-poll label { float: none; margin: 0 0 0 5px; padding: 0; vertical-align: top; font-weight: normal; cursor: pointer; }
				.site-poll span, .site-poll label { display: inline; float: left; margin: 0; padding: 0; }
				.site-poll span { margin-right: 5px; padding-top: 4px; }
				.site-poll p { margin: 0; padding: 0; }
				.site-poll p a { color: #76727d; }
				.site-poll p a:hover { color: #000; }
				.site-poll .buttonstyle { display: block; clear: both; margin: 15px 0 10px; padding: 0; }
				.site-poll .buttonstyle span { margin-right: 0; }
				
				/* catalog categories */
				ul#catalog-categories, ul#catalog-categories li, ul#catalog-categories ul {
					margin: 0; padding: 0; list-style: none; z-index: 12;
				}
					.catalog-categories { background: transparent; }
					
				ul#catalog-categories li { position: relative; float: left; width: 100%; margin: 0; padding: 0; background: #f7f7f7 url("../img/common/bg-menu.gif") repeat-x top; }
				#left ul#catalog-categories li a.ccselect { color: #d90000; }
				ul#catalog-categories li.iehover { z-index: 1000; /* IE z-index bugfix */ }
				
				/* Root Menu */
				ul#catalog-categories a {
					display: block; height: 1%; padding: 5px; padding-right: 10px; border-bottom: 1px solid #eee;
					text-decoration: none; font-weight: bold; font-size: 17px; color: #777;
				}
				ul#catalog-categories a.none { background: none; }
				
				/* Root Menu Hover Persistence */
				ul#catalog-categories a:hover, ul#catalog-categories li:hover a, ul#catalog-categories li.iehover a {
					padding-right: 10px; background: #fff; color: #000;
				}
				
				/* 2nd Menu */
				ul#catalog-categories li ul {
					display: none; position: absolute; width: 180px; top: -1px; left: 90%; /*padding: 2px;*/ border: 1px solid #eee;
					/*border-bottom: 2px solid #616172; border-right: 2px solid #616172;*/
					background: #f9fdff; z-index: 9999;
				}
				ul#catalog-categories li:hover li a, ul#catalog-categories li.iehover li a {
					float: none; text-decoration: none; font-weight: normal; font-size: 17px; color: #012769;
				}
				
				/* 2nd Menu Hover Persistence */
				ul#catalog-categories li:hover li a:hover, ul#catalog-categories li:hover li:hover a,
				ul#catalog-categories li.iehover li a:hover, ul#catalog-categories li.iehover li.iehover a {
					/*text-decoration: underline;*/ /*color: #ea1e1e;*/
				}
				
				/* 3rd Menu */
				ul#catalog-categories li ul li ul { width: 210px; background: #f9fdff; }
				ul#catalog-categories li:hover li:hover li a, ul#catalog-categories li.iehover li.iehover li a {
					color: #1010b2;
				}
				
				/* 3rd Menu Hover Persistence */
				ul#catalog-categories li:hover li:hover li a:hover, ul#catalog-categories li:hover li:hover li:hover a,
				ul#catalog-categories li.iehover li.iehover li a:hover, ul#catalog-categories li.iehover li.iehover li.iehover a {
					/*text-decoration: underline; color: #ea1e1e;*/
				}
				
				/* 4th Menu */
				ul#catalog-categories li:hover li:hover li:hover li a, ul#catalog-categories li.iehover li.iehover li.iehover li a {
					/*background: #666;*/
				}
				
				/* 4th Menu Hover */
				ul#catalog-categories li:hover li:hover li:hover li a:hover, ul#catalog-categories li.iehover li.iehover li.iehover li a:hover {
					/*background: #333;*/
				}
				
				/* Hover Function - Do Not Move */
				ul#catalog-categories li:hover ul ul, ul#catalog-categories li:hover ul ul ul,
				ul#catalog-categories li.iehover ul ul, ul#catalog-categories li.iehover ul ul ul {
					display: none;
				}
				ul#catalog-categories li:hover ul, ul#catalog-categories ul li:hover ul,
				ul#catalog-categories ul ul li:hover ul, ul#catalog-categories li.iehover ul,
				ul#catalog-categories ul li.iehover ul, ul#catalog-categories ul ul li.iehover ul {
					display: block;
				}
			
			
			/* logged menu - user bar account */
			.logged_menu {
				clear: both; height: 100%; line-height: 20px; margin: 5px 0; padding: 5px 0 2px;
			}
			* html .logged_menu { padding-bottom: 5px; }
			.logged_menu ul { margin: 0; padding: 0; list-style: none; }
			.logged_menu li { display: block; margin: 5px 0; padding: 0; }
			.logged_menu li img { vertical-align: middle; }
			.logged_menu li a { font-size: 16px; color: #0f3b7a; }
			.logged_menu li a:hover { color: #000; }
			
			/* filters */
			.filters { position: relative; clear: both; margin: 10px 0 15px; padding: 0; }
			.filters h3 { position: relative; margin: 10px 0 10px; padding: 0; font-weight: bold; font-size: 15px; color: #012769; }
			.filters ul { position: relative; clear: both; width: 100%; margin: 0; padding: 0; list-style: none; }
			.filters li { display: block; margin: 2px 0; padding: 0; font-size: 13px; }
			.filters li a { padding: 0 0 4px 18px; line-height: 18px; color: #696969; }
			.filters li a { background: url("../img/arrows/arrow-filter-normal.gif") no-repeat 0 1px; color: #696969; }
			.filters li a:hover { background: url("../img/arrows/arrow-filter-hover.gif") no-repeat 0 1px; color: #696969; }
			.filters li a.checked {
				background: url("../img/arrows/arrow-filter-checked.gif") no-repeat 0 1px; font-weight: bold; color: #000;
			}
			.filters li a.checked:hover {
				background: url("../img/arrows/arrow-filter-delete.gif") no-repeat 0 1px;
			}
			/* delete filter */
			.filter-delete { padding: 0 0 4px 18px; line-height: 18px; background: url("../img/arrows/arrow-filter-delete.gif") no-repeat 0 1px; color: #696969; }
		
		/* right */
		#right { position: relative; float: left; width: 745px; margin: 0 0 0 5px; padding: 0; background: #fff; z-index: 0; }
		#right p { margin: 5px 0; padding: 0; font-size: 14px; }
		#right span.msg-warning,
		#middle span.msg-warning {
			font-size: 16px !important;
		}
		#right .editor a { color: #012769; }
		#right .editor a:hover { text-decoration: none; color: #000; }
	
	/* carousel */
	.latest-products-carousel { position: relative; clear: both; width: 950px; height: 190px; margin: 35px auto; padding: 0; text-align: left; z-index: 0; }
		.carousel-title { clear: both; margin: 0 0 3px 0; padding: 0 0 5px 0; border-bottom: 1px solid #ddd; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #000; }
		.carousel-title a { font-weight: bold; font-size: 14px; color: #777; }
		.carousel-title a:first-child { margin-left: 20px; }
		.carousel-title a:hover { text-decoration: none; color: #000; }
		.carousel  { position: relative; clear: both; margin: 3px 7px; padding: 0; }
		.carousel .carousel-scroller { position: relative; visibility: hidden; float: left; left: -5000px; }
		.carousel .carousel-scroller ul { margin: 0; padding: 0; }
		.carousel .carousel-scroller ul li { width: 167px; min-height: 155px; height: auto !important; height: 155px; margin: 5px; padding: 3px 5px; text-align: center; }
		.carousel .carousel-scroller ul li img { margin-top: 3px; margin-bottom: 3px; }
		.carousel .carousel-scroller ul li span { display: block; }
		.carousel .carousel-scroller ul li a { margin: 0; padding: 0; font-size: 15px; color: #012769; }
		.carousel .carousel-scroller ul li a:hover { text-decoration: none; color: #000; }
	
	/* last holded products */
	.last-hold { position: relative; clear: both; width: 950px; margin: 35px auto 10px; padding: 0; text-align: left; z-index: 0; }
	.last-hold strong { display: inline-block; width: 100%; padding: 0 0 5px 0; border-bottom: 1px solid #ddd; text-transform: uppercase; font-weight: 700; font-size: 17px; color: #000; }
	.last-hold ul { clear: both; display: block; margin: 0; padding: 5px 0; text-align: justify; }
	.last-hold li { clear: both; margin: 0; padding: 2px; 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: 17px; color: #777; }
	.last-hold li a big { font-weight: bold; font-size: 17px; color: #777; }
	.last-hold li a:hover { color: #000; }
	.last-hold li span { font-weight: normal; font-size: 15px; color: #777; }
	
	/* footer */
	#footer { position: relative; clear: both; width: 950px; margin: 35px auto 0; padding: 0; text-align: left; color: #000; }
		
		/* footer box */
		.ftbox { float: left; margin: 0; padding: 0; font-size: 17px; }
		.ftbox h4 { clear: both; margin: 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #ddd; text-transform: uppercase; font-size: 17px; color: #000; }
		.ftbox p { clear: both; line-height: 20px; margin: 5px 0; padding: 0; }
		.ftbox a { font-size: 16px; color: #777; }
		.ftbox a:hover { text-decoration: none; color: #000; }
		.ftbox ul { clear: both; margin: 5px 0; padding: 0; }
		.ftbox ul li { clear: both; width: 95%; margin: 0; padding: 2px; list-style-type: none; }
		.ftbox ul li a { display: block; font-size: 16px; color: #000; }
		.ftbox ul li a:hover { text-decoration: none; color: #777; }
			
			.ftboxup { min-height: 115px; height: auto !important; height: 115px; }
			
			/* footer box properties */
			.copyright { width: 545px; }
			.copyright p span { font-weight: bold; font-size: 14px; }
			
			.help-order { width: 220px; }
			
			.feed { width: 185px; }
			.feed a { display: block; line-height: 20px; }
			.feed a.rss { padding-left: 20px; background: url("../img/icons/feed-rss.png") no-repeat 0 4px; }
			.feed a:hover { text-decoration: none; }


/* >>> jScrollPane <<< */

.jspContainer { position: relative; margin: 0; padding: 0; overflow: hidden; z-index: 1000; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; width: 16px; height: 100%; top: 0; right: 0; }
.jspHorizontalBar { position: absolute; width: 100%; height: 16px; bottom: 0; left: 0; }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.jspVerticalBar { width: 10px; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { position: relative; background: #f9f9f7; }
.jspDrag { position: relative; top: 0; left: 0; background: #bf3b0f; cursor: pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { display: block; background: #50506d; text-indent: -20000px; cursor: pointer; }
.jspArrow.jspDisabled { background: #80808d; cursor: default; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { float: left; width: 16px; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { float: left; height: 100%; background: #eeeef4; }
* html .jspCorner { margin: 0 -3px 0 0; }


/* >>> warning for IE 6 <<< */

/* dialog box transparency */
#dialogbox-transparency { display: none; position: absolute; top: 0; left: 0; background: #000; z-index: 9000; }
/* dialog box frame */
#boxframe #dialogbox { width: 600px; min-height: 54px; height: auto !important; height: 54px; margin: 0; padding: 20px; }
/* dialog box warning window */
#boxframe .dialogbox-warning {
	display: none; position: absolute; top: 0; left: 0;border: 5px solid #ece477;
	background: #fffbb2; text-align: center; z-index: 9999;
}
#boxframe .dialogbox-warning p { margin: 5px 0; font-size: 12px; }
#boxframe .dialogbox-warning ul { position: relative; clear: both; margin: 10px 0 0; padding: 0; }
#boxframe .dialogbox-warning ul li { display: inline; margin-right: 20px; }
#boxframe .dialogbox-warning ul li.norm { margin: 0; }


/* >>> 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: 145px; margin: 0; padding: 0 10px 3px 0; text-align: left; font-weight: bold; color: #000; }
label span { color: #c10000; }
label a { font-weight: normal; color: #777; }
	
	/* 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; }
	
	/* messages */
	label.frm-error,
	label.frm-warning,
	label.frm-success {
		display: block; font-size: 14px;
	}
	label.frm-error { color: #f00; }
	label.frm-error a { color: #000; }
	label.frm-warning { color: #d87b0e; }
	label.frm-success { color: #3d9711; }

/* input */
input { float: left; height: 18px; margin: 0 5px 5px 0; padding: 3px 0 0 3px; }
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; margin: 0 5px 5px 0; padding: 5px; z-index: 0; }

/* textarea */
textarea { float: left; margin: 0 5px 5px 0; padding: 5px;}

input, select, textarea { border: 1px solid #ddd; background: #fff;  font: 300 16px 'Open Sans Condensed', sans-serif; }


/* label radio group */
.label-radio-group { position: relative; margin: 10px 5px 10px; }

/* custom radio/checkbox */
.label_check, .label_radio { padding-top: 5px; padding-bottom: 7px; padding-left: 24px; cursor: pointer; }
.label_radio { background: url("../img/icons/custom-radio/radio-off.png") no-repeat; }
.label_check { background: url("../img/icons/custom-radio/check-off.png") no-repeat; }
label.c_on { background: url("../img/icons/custom-radio/check-on.png") no-repeat; }
label.r_on { background: url("../img/icons/custom-radio/radio-on.png") no-repeat; }
label.c_on, label.r_on { padding-bottom: 7px; }
.label_check input, .label_radio input  { position: absolute; left: -9999px; }

label.label_check, label.c_on, label.label_radio, label.r_on {
	float: none; clear: none; width: 100px; display: inline; vertical-align: top; font-weight: normal; cursor: pointer;
}

/* >>> process order <<< */
.group { position: relative; clear: both; width: 100%; height: 36px; margin: 5px 0 0; margin-left: 20px; padding: 0; }
#not_registered_user { display: none; }

.customerselection { display: inline;  position: relative; clear: both; width: 100%; }
.customerselection input[type="radio"] { width: 32px; height: 32px; }

.customerlogin { position: absolute; top: 0; left: 280px; margin-bottom: 5px; font-size: 11px; }
.customerlogin div { display: inline; }
.customerlogin img { margin-top: -4px; }
.customerlogin a { font-weight: bold; font-size: 15px; color: #012769; }
.customerlogin a:hover { text-decoration: none; color: #000; }

/* fieldset */
.fieldset { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; }
.fieldset fieldset { margin: 0; padding: 5px 0 0; border: 0; /*border: 1px solid #e9e9e9;*/ }
* html .fieldset fieldset { padding-top: 0; }
.fieldset legend { margin: 5px 0; padding: 2px 3px; border: 1px solid #e9e9e9; font-weight: bold; font-size: 14px; color: #012769; }
* html .fieldset legend { margin: 5px 0 5px -6px; }
.fieldset img { border: 0; cursor: pointer; }
.fieldset a { color: #000; }
.fieldset a:hover { color: #124081; }
	
	/* important fieldset */
	.impfiled { background: #fffdcc; }
	
	/* form tip */
	.form-tip { clear: both; margin: 5px 0; padding: 0; color: #000; }
	.form-tip img { vertical-align: middle; }
	
	/* antispam operation */
	.codeop { display: block; float: left; margin: 0; }
	.codeop img { margin-bottom: 5px; vertical-align: top; cursor: pointer; }
	
	/* 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;
	}


/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 257 2010-07-27 23:06:56Z emartin24 $
 */

#basic-modal-content { display: none; }

/* Overlay */
#simplemodal-overlay { position: absolute; width: 800px; height: 600px; background: #255255; }

/* Container */
#simplemodal-container { width: 600px; height: 360px; padding: 0; border: 4px solid #444; background: #333; color: #bbb; }
#simplemodal-container .simplemodal-data { padding: 0; }
#simplemodal-container code {
	display: block; margin-bottom: 12px; padding: 0; border-left: 3px solid #65b43d; background: #141414; font-size: 12px; color: #bbb; 
}
#simplemodal-container a { color: #ddd; }
#simplemodal-container a.modalCloseImg {
	display: inline; position: absolute; width: 25px; height: 29px; top: -15px; right: -16px;
	background: url("../img/jquery.simplemodal/close.png") no-repeat; z-index: 1000; cursor: pointer;
}
#simplemodal-container h3 { color: #84b8d9; }

/* IE 6 hacks filter: background: transparent; progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/jquery.simplemodal/close.png', sizingMethod='scale'); */
* html #simplemodal-container a.modalCloseImg { width: 22px; height: 26px; right: -14px; }


/* >>> autocomplete - suggestions box <<< */
.autocomplete { position: relative; }
.suggestionsBox {
	display: none; position: absolute; margin: 0; padding: 0; border: 2px solid #454a50;
	background: url("../img/common/dot-pixel-black.png") repeat; color: #fff; text-align: left; z-index: 1000;
}
.suggestionsBox img { position: relative; z-index: 10000; }
.suggestionsBox img.suggestionsArrow { position: absolute; top: -10px; left: 0; }
.suggestionsBox img.suggestionsClose { position: absolute; top: -10px; right: 0; cursor: pointer; }
.suggestionsBox input.inputString { width: 400px; }
.suggestionsBox span.suggestions-warning { margin: 10px 3px 3px; font-style: italic; color: #f7ef08; }
.suggestionList { width: auto; height: auto; margin: 0; padding: 0; }
.suggestionList ul { position: relative; margin: 0; padding: 0; }
.suggestionList li { clear: both; margin: 0 0 3px 0; padding: 3px; list-style: none; cursor: pointer; }
.suggestionList li b { font-size: 12px; color: #6fe7ff; }
.suggestionList li:hover { background: #000; }

	/* suggestionList maximum height didsplay  */
	.suggestionsBox .max-height-results { height: 305px; overflow: auto; }


/* >>> index <<< */
	
	/* banner */
	#banner {
		position: relative; clear: both; width: 685px; min-height: 250px; height: auto !important; height: 250px;
		margin: 0; padding: 0; /*border: 1px solid #ccc;*/ background: #fff;
	}
	#banner img { display: none; }
	#banner img.slidevisible { display: block; }
	
	/* index news */
	.idxnews { position: relative; margin: 0 0 5px; padding: 5px; border: 2px solid #ccc; }
	
	/* category content */
	.idxitembody { position: relative; clear: both; width: 100%; line-height: 18px; margin: 0; padding: 0; }
	.idxitembody .idxdate { float: left; width: 80px; font-weight: bold; font-size: 11px; color: #000; }
	.idxitembody .idxalter { color: #4782d5; }
	.idxitembody .idxtitle { float: left; width: 570px; margin-bottom: 3px; color: #000; }
	.idxitembody .idxtitle h2 { position: relative; margin: 0; padding: 0; border: none; font-size: 11px; color: #000; }
	.idxitembody .idxtitle h2 a { text-decoration: underline; font-size: 12px; color: #000; }
	.idxitembody .idxtitle h2 a strong { font-weight: normal; }
	.idxitembody .idxtitle h2 a:hover { text-decoration: none; color: #265ff1; }


/* >>> brand items <<< */
.wraptocenter {
	display: table-cell; width: 155px; height: 130px; border: 1px solid #ddd; background: #fff; text-align: center; vertical-align: middle;
}
.wraptocenter * { vertical-align: middle; }
/* IE/Mac \*//*/
* html .wraptocenter { display: block; line-height: 0.6; }
* html .wraptocenter span { display: inline-block; width: 1px; height: 100%; }
/**/
/* Op7+ */
.branditems { width: 100%; margin: 0; padding: 0; border-collapse: collapse; }
.branditems li { float: left; margin: 0 18px 12px 0; padding: 0; list-style-type: none; }
* html .branditems li { margin-right: 9px; }
.branditems li.norm { margin-right: 0; }
/* ul per override clear \*//*/
* html ul.branditems { display: inline-block; width: 100%; clear: none; }
/**/


/* >>> feedback <<< */

	.feedback { position: relative; clear: both; z-index: 10; }
	
	/* list items */
	.feedback ul { display: block; clear: both; width: 100%; height: 100%; margin: 0 0 10px 0; padding: 0; overflow: auto;/*overflow: inherit;*/ }
	.feedback li.feeditem {
		position: relative; float: left; clear: both; width: 743px; min-height: 25px; height: auto !important; height: 25px; margin: 0; padding: 0;
		border-bottom: 1px solid #ccc; list-style: none; text-align: center; vertical-align: top;
	}
	.feedback li.feeditem span { position: relative; float: left; margin: 0; padding: 2px 1px 5px 3px; }
	.feedback li.feeditem span.cell { width: 447px; text-align: left; }
	.feedback li.feeditem span.radio { width: 55px; margin: 0; padding: 3px 0 0; vertical-align: top; }
	.feedback li.feeditem span.radio img { margin: 0; padding: 0; border: none; }
	.feedback li.feeditem span.radio input { float: none; border: none; }
	.feedback li.feeditem span.radio.label-radio-group { height: 25px; z-index: 15; }
	.feedback li.feeditem span.radio label.radio { margin-left: 15px; }
	
	.feedback li.nohover { min-height: 40px; height: auto !important; height: 40px; }
	.feedback li.nohover:hover { background: none; }


/* >>> polls <<< */

.view-polls { clear: both; width: auto; margin: 0; padding: 0; }
.view-polls a { color: #c10000; }
.view-polls ul { clear: both; margin: 0; padding: 0; }
.view-polls ul li { margin: 5px 0; padding: 0 5px; list-style: none; font-size: 12px; color: #000; }
.view-polls ul li a {
	line-height: 25px; margin: 0; padding: 4px 0 7px 28px; background: #fff url("../img/icons/icon-poll.png") no-repeat;
	text-decoration: underline; font-size: 11px; color: #76727d;
}
.view-polls ul li a:hover { text-decoration: none; color: #dd2b2b; }

/* poll progress bar */
dl { clear: both; width: 100%; height: auto; margin: 0; top: 0; left: 0; padding: 5px 0; }
dt { border-bottom: 3px solid #fff; font-weight: bold; font-size: 12px; }
dt em { font-size: 13px; color: #c10000; }
dt em.poll_status { font-weight: normal; font-size: 11px; color: #000; }
dd { display: block; position: relative; clear: both; width: 100%; height: 1.5em; margin: 0; border-bottom: 1px solid #fff; }
dd.name { position: relative; display: block; width: 100%; height: auto; margin: 10px 0 0; border-bottom: 1px solid #ddd; background: #fff; }
dd.name em { font-weight: bold; }
dd.name big { font-weight: bold; color: #f51111; }
dd.nobord { margin: 0; border: none; }
dd b { display: block; float: right; height: 1.5em; line-height: 1.5em; margin-left: auto; background: #fff; font-weight: normal; text-align: left; }
dd span { position: absolute; width: auto; height: auto; top: 0; left: 3px; color: #000; }


/* >>> products <<< */

/* title products / combo category (catalog position) / show category products / products from same category */
.show-content {
	position: relative; clear: both; min-height: 15px; height: auto !important; height: 15px; margin: 0 0 5px; padding: 3px;
	border: 1px solid #ddd; background: #f7f7f7 url("../img/common/bg-menu.gif") repeat-x top; font-size: 16px; color: #012769;
}
* html .show-content select { vertical-align: top; }
.show-content big { font-size: 15px; }
.show-content em { font-style: normal; font-weight: bold; font-size: 17px; }
.show-content a { font-size: 16px !important; color: #777; }
.show-content a:hover { text-decoration: none; /*font-style: italic;*/ color: #000; }
.show-content ul { margin: 0; padding: 0; }
.show-content li { float: left; width: 32%; margin: 3px 0; padding: 0; list-style: none; text-align: left; }
.show-content li a { padding: 2px 0; text-decoration: none; font-size: 16px; }
.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; }
	
	.desctext { clear: both; margin: 0 0 5px; padding: 0 5px; border: 1px solid #ddd; background: #f7f7f7 url("../img/common/bg-menu.gif") repeat-x top; color: #012769; }
	#right .desctext .editor { margin: 0; padding: 0; font-size: 17px; }
	
	/* special functions: total, order, list view */
	.products-special-functions {
		position: relative; clear: both; height: 43px; margin: 0 0 15px; padding: 0; border: 1px solid #ddd; background: #fff; color: #000;
	}
	.products-special-functions form { display: inline; }
	.products-special-functions select { margin-bottom: 0; }
		
		/* products total */
		.products-total { position: absolute; top: 8px; left: 5px; }
		.products-total big { font-weight: bold; font-size: 16px; color: #000; }
		
		/* export rss products feed*/
		.products-rss-export {
			position: absolute; top: 10px; left: 175px;
			padding: 0 0 6px 20px; background: url("../img/icons/icon-rss.png") no-repeat 0 1px;
		}
		.products-rss-export a { text-decoration: underline; color: #c10000; }
		.products-rss-export a:hover { text-decoration: none; }
		
		/* products order */
		.products-sort-order { position: absolute; top: 3px; right: 0; }

/* products special types */
.special-itype-products {
	position: relative; clear: both; margin: 0 0 5px; border: 1px solid #ddd; background: #f7f7f7 url("../img/common/bg-menu.gif") repeat-x top; color: #012769;
}
.special-itype-products div { float: left; padding: 6px 7px 5px; font-weight: bold; font-size: 15px; color: #012769; }
.special-itype-products span { float: left; margin-top: 5px; margin-left: 5px; font-size: 15px; color: #012769; }
.special-itype-products span a { text-decoration: underline; color: #012769; }
.special-itype-products span a:hover { text-decoration: none; }

/* products */
.products { position: relative; clear: both; height: 100%; margin: 0 0 5px; padding: 0; text-align: left; }
	
	/* product offer */
	.is_on_offer {
		position: absolute; top: 9px; right: 5px; padding: 5px; background: #012769; text-align: right; font-weight: 700; font-size: 21px; color: #fff; z-index: 10;
	}
	
	/* products - multimple items per line */
	.item {
		position: relative; float: left; width: 178px; min-height: 190px; height: auto !important; height: 190px; margin: 0 5px 30px 0; padding: 2px;
		/*border: 1px solid #b9bbc2;*/ text-align: center; overflow: inherit;
	}
		/* no right margin and white border */
		.nrm { margin-right: 0; }
		.wrb { /*border-right: 1px solid #fff;*/ }
	
	/* product image */
	.image { position: relative; min-height: 103px; height: auto !important; height: 103px; z-index: 0; }
	.image img { margin: 2px auto 10px; padding: 0; border: 0; }
	
	/* product name */
	.pname { position: relative; min-height: 90px; height: auto !important; height: 90px; margin: 0; padding: 0; }
	.pname h2 { margin: 3px; padding: 0 2px; font-size: 15px; }
	.pname h2 a { padding: 0; text-transform: uppercase; color: #000; }
	.pname h2 a:hover { text-decoration: none; /*font-style: italic;*/ color: #012769; }
	
	/* product description */
	.pdescript { position: relative; min-height: 55px; height: auto !important; height: 55px; text-align: left; font-style: italic; color: #a1a0a0; }
	
	/* product price */
	.pprice {
		position: relative; min-height: 35px; height: auto !important; height: 35px; margin: 0 2px 0 0; padding: 0;
		border-top: 1px solid #eee; text-align: right;
	}
	#left .item .pprice p, #right .item .pprice p { display: inline; margin: 0; padding: 0; font-weight: bold; font-size: 24px; color: #012769; }
	#left .item .pprice p small, #right .item .pprice p small { text-decoration: line-through; font-weight: normal; font-size: 15px; color: #f00; }
	#left .item .pprice p sup, #right .item .pprice p sup { font-size: 15px; }
	#left .item .pprice p span, #right .item .pprice p span { font-weight: normal; font-size: 21px; }
	
	/* directly add 2 cart product */
	.item .add2cart { position: relative; margin: 0; padding: 0; text-align: right; }
	.item .add2cart form { margin: 0; text-indent: 0; word-spacing: 0; }
	.item .add2cart input {
		float: left; width: 19px; height: 18px; margin: 2px 12px 5px 5px; padding: 3px 3px 0 3px;
		border: 1px solid #dcdcdc; font-size: 11px;
	}
	.item .add2cart input.hidden { display: none; }
	.add2cart .proddetails { width: auto; margin-left: 55px; }
	.add2cart .buttonstyle { float: left; width: auto; margin: 0; padding: 0; }
	
	/* products - single item per line */
	.item-long { clear: both; margin: 0 0 10px; padding: 0 0 2px; border-bottom: 1px solid #e2e4e1; }
	
	/* product image */
	.ploimage {
		position: relative; clear: both; float: left; width: 110px; min-height: 120px; height: auto !important; height: 120px; z-index: 0;
	}
	.ploimage img { margin: 5px auto 0; padding: 0; border: 0; }
	
	/* product name */
	.ploname { position: relative; float: left; width: 450px; }
	.ploname h2 { clear: both; margin: 3px 0 10px 0; padding: 0 2px; font-size: 15px; }
	.ploname h2 a { padding: 0; text-transform: uppercase; color: #000; }
	.ploname h2 a:hover { text-decoration: none; color: #012769; }
	.ploname ul { margin: 0 0 0 10px; padding: 0; list-style-type: none; }
	.ploname ul li { display: block; color: #5f615f; }
	.ploname ul li em { font-style: normal; font-size: 10px; color: #aaa; }
		
		/* product description */
		.ploname .description { position: relative; text-align: left; font-size: 14px; color: #000; }
	
	.ploadd2cart { position: relative; float: left; width: 180px; line-height: 15px; text-align: right; }
	.ploadd2cart img.brand { max-width: 70px; max-height: 30px; }
	.ploadd2cart a.pdauth { text-decoration: underline; color: #185aab; }
	.ploadd2cart a.pdauth:hover { text-decoration: none; color: #000; }
	#right .ploadd2cart p { line-height: 18px; margin: 0; padding: 0; font-size: 15px; }
		.ploprice {
			position: relative; min-height: 25px; height: auto !important; height: 25px; margin: 0; padding: 0;
		}
		#right .ploprice p { margin: 0; padding: 0; font-weight: bold; font-size: 20px; color: #012769; }
		.ploprice p small { text-decoration: line-through; font-weight: normal; font-size: 11px; color: #f00; }
		.ploprice p sup { font-size: 12px; }
		.ploprice p span { font-weight: normal; font-size: 13px; }
		.ploadd2cart .plad2crt { float: right; right: 0; }
		.ploadd2cart .buttonstyle { width: auto; margin-right: -7px; }

/* detailed product */
.detailed-product { clear: both; height: 100%; margin: 0; padding: 0; }
.detailed-product h2 { margin: 0 0 5px; padding: 0 0 2px; border-bottom: 1px solid #bbb; font-size: 18px; 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: 11px; color: #000; }
.detailed-product a { color: #000; }
.detailed-product a:hover { text-decoration: none; color: #012769; }
.detailed-product a.comments { clear: both; line-height: 40px; padding: 20px 0 10px 36px; background: url("../img/icons/comments.gif") no-repeat 0 10px; }
.detailed-product a.product { clear: both; line-height: 40px; padding: 20px 0 10px 36px; background: url("../img/icons/back-to-product.gif") no-repeat 0 10px; }
	
	/* detailed product - left */
	.detprodl { float: left; clear: both; width: 310px; min-height: 100px; height: auto !important; height: 100px; margin: 5px 0; }
	.detprodl .bookmarking { margin-left: 40px; }
	/* detailed product - right */
	.detprodr { float: left; width: 595px; min-height: 200px; height: auto !important; height: 200px; margin: 5px 0 5px 20px; font-size: 15px; }
		.detailedprodinfo { margin: 10px 0; padding: 5px; text-align: right; }
			.detailedprodinfol { float: left; clear: both; width: 200px; min-height: 100px; height: auto !important; height: 100px; margin: 5px 0; }
			.detailedprodinfol p { line-height: 20px; margin: 0; padding: 0; font-size: 21px; }
			.detailedprodinfol p img { margin-bottom: 10px; }
			
			.detailedprodinfor { float: left; width: 100%; min-height: 100px; height: auto !important; height: 100px; margin: 5px 0; }
			.detailedprodinfor p { line-height: 20px; margin: 0; padding: 0; font-size: 17px; }
			.detailedprodinfor p strong { font-weight: 700; font-size: 17px; color: #012769; }
			.detailedprodinfor p big strong { font-weight: bold; color: #012769; }
			.detailedprodinfor p.order-phones,
			.detailedprodinfor p.order-phones strong {
				font-size: 25px !important;
			}
		
		/* image gallery */
		.image-gallery { position: relative; clear: both; margin: 0 0 10px; }
			/* big thumbs */
			#big-thumbs {
				position: relative; clear: both; min-height: 110px; height: auto !important; height: 110px; padding: 3px 1px;
				/*border: 3px solid #dfe1e7;*/ text-align: center;
			}
			
			/* small thumbs */
			ul.small-thumbs {
				position: relative; 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; }
			ul.small-thumbs li img:hover { border: 1px solid #6e7078; }
		
		/* product ratings */
		.dproduct-ratings { clear: both; margin-top: 10px; }
		/* product comments */
		.dproduct-comments { clear: both; margin-top: 10px; text-align: center; }
		.
		/* price */
		.show-price { position: relative; clear: both; margin: 20px 0 25px; }
		.show-price p { display: inline; margin: 0; padding: 0; border-bottom: 0; font-weight: bold; font-size: 28px; color: #012769; }
		.show-price p strong { text-decoration: none; color: #012769; font-size: 28px; }
		.show-price p small { text-decoration: line-through; font-weight: normal; font-size: 19px; color: #f00; }
		.show-price p sup { font-size: 19px; }
		.show-price p span { font-weight: normal; font-size: 20px; }
		
		/* tier prices */
		.products-tier-prices { position: relative; clear: both; margin: 10px 0 5px; padding: 0 0 10px; }
		.products-tier-prices div { position: relative; clear: both; line-height: 20px; margin: 0; padding: 0; font-size: 14px; }
		.products-tier-prices div strong, .products-tier-prices div span { color: #012769; }
		.products-tier-prices div strong { font-weight: bold; }
		.products-tier-prices div strong em { color: #000; }
		
		/* directly add 2 cart product */
		.addtocart { position: relative; clear: both; float: right; margin: 25px 0 20px; padding: 0; border-bottom: 0; }
		.addtocart form { margin: 0; text-indent: 0; word-spacing: 0; vertical-align: middle; }
		.addtocart form input { margin-top: 2px; margin-left: 5px; display: inline; float: none; }
		.addtocart div.cartquantity { margin: 0; padding: 0; }
		.addtocart div.cartquantity p { margin: 0; padding: 0; }
		.addtocart div.addbtn { display: inline; float: left; margin: 0 0 0 28px; padding: 0; }
		.addtocart div.addbtn img { width: auto; vertical-align: middle; }
		.addtocart div.buttonstyle a.button.red { margin-right: 0; }
		.addtocart div.buttonstyle span { font-size: 12px; }
		.addtocart div.buttonstyle a.button.red,
		.addtocart div.buttonstyle a.button.red span {
			padding: 7px 10px; background-image: none; background-color: red; font-weight: 700; font-size: 21px;
		}
		.addtocart a { display: block; }
		
		a.stock0 { font-style: italic; color: #b10808; }
		
		/* bonus points */
		.bonus-points { color: #1f8e08; }
		
		/* product details */
		.product-details div.prodops {
			position: relative; clear: both; line-height: 20px; margin-top: 10px; padding: 10px 0; border: 0; text-align: left;
			border-top: 2px solid #000; border-bottom: 2px solid #000; font-size: 17px;
		}
		.product-details div.prodops p { display: inline; text-align: left; }
		.product-details div.prodops p a { margin-left: 20px; font-size: 17px; color: #000; }
		.product-details div.prodops p a.spotprice { color: #0306d4; }
		.product-details div.prodops p a:hover { text-decoration: none; color: #0306d4; }
	
	.leftproducts { position: relative; clear: both; margin: 0; padding: 0; }
		.lftprodrow {
			position: relative; clear: both; margin: 2px 0 0; padding: 0 0 7px 0;
			min-height: 60px; height: auto !important; height: 60px; border-bottom: 1px solid #ccc;
		}
		.lftprodrowimg { display: inline-block; float: left; width: 60px; margin-right: 5px; }
		.lftprodrowimg img { float: left; max-width: 60px; max-height: 60px; }
		.lftprodrow h3 { margin: 0; padding: 0; font-weight: normal; font-size: 15px; color: #000; }
		.lftprodrow p { display: inline-block; float: left; width: 232px; margin: 0; padding: 0; font-size: 21px; color: #012769; }
		.lftprodrow p span { margin-right: 5px; font-weight: bold; }
		.lftprodrow p strong { text-decoration: none; color: #012769; }
		.lftprodrow p small { text-decoration: line-through; font-weight: normal; font-size: 17px; color: #f00; }
		.lftprodrow p sup { font-size: 17px; }
		.lftprodrow p em { font-style: normal; font-weight: normal; font-size: 17px; }
		.lftprodrow .is_on_offer { width: 30px !important; top: 0 !important; right: 0 !important; left: 0 !important; text-align: left; font-weight: 300; font-size: 13px; }
	
	/* back to product category */
	.back-to-product-category { clear: both; margin: 0; padding: 0; }
	.back-to-product-category a { font-size: 15px; color: #012769; }
	.back-to-product-category a:hover { text-decoration: none; font-style: normal; color: #000; }
	
	/* >>> products tabs <<< */
	.products-tabs { position: relative; clear: both; width: 100%; margin: 10px 0 0; padding: 0; z-index: 10; }
		ul.products-tabs-list { position: relative; margin: 0; padding: 0; list-style: none; }
		ul.products-tabs-list li { display: inline; color: #000; }
		ul.products-tabs-list li a { padding: 7px 15px; /*border: 1px solid #aaa;*/ background: #eee; text-decoration: none; font-size: 18px; color: #000; }
		ul.products-tabs-list li a.selected, ul.products-tabs-list li a:hover {
			padding-top: 9px; /*border: 1px solid #2490af;*/ background: #012769; font-style: normal; color: #fff;
		}
		ul.products-tabs-list li a:focus { outline: 0; }
		
		div.products-tabs > div { margin-top: 6px; padding: 5px; }
		
		/* products tab box */
		.tabprod {
			display: none; position: relative; /*min-height: 200px; height: auto !important; height: 200px;*/
			margin: 0 0 10px 0; padding: 5px; border-top: 1px solid #aaa;
		}
		
		/* video content */
		.videocontent { position: relative; clear: both; margin: 10px 0; }
			.videoclip { position: relative; clear: both; margin: 10px 0; }
	
	/* attributes */
	.tehnical-attr { clear: both; width: auto; margin: 10px 0 10px; padding: 7px 0 0; color: #0306d4; }
	.tehnical-attr h4 { margin: 0 0 0; padding: 0; font-size: 15px; color: #000; }
	
	.attrform { clear: both; width: auto; margin: 0 0 5px; padding: 0; }
		.group-name {
			clear: both; float: left; width: 150px; margin: 0 0 5px; padding: 2px 5px 3px;
			font-weight: bold; font-size: 15px; color: #124081;
		}
		.attributes { float: left; width: auto; margin: 0 0 5px 5px; padding: 0; }
			.attrl, .attrr {
				position: relative; float: left; min-height: 16px; height: auto !important; height: 16px;
				border-top: 1px solid #d0d0d0; padding: 2px 5px 3px; text-align: left;
			}
			.attrl { clear: both; width: 150px; padding-right: 5px; color: #615c57; }
			.attrr { width: 365px; color: #000; }
			.attrr em { font-style: normal; font-size: 10px; color: #aaa; }
	
	/* back to product details */
	a.back-to-product-details { font-weight: bold; font-size: 15px; color: #000; }
	a.back-to-product-details { clear: both; line-height: 40px; padding: 20px 0 10px 36px; background: url("../img/icons/back-to-product.gif") no-repeat 0 14px; }
	
	/* 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: 10px 0 5px; padding: 5px 0; border-top: 1px solid #ddd; text-align: justify; font-weight: normal; font-size: 16px; color: #585858;
	}
	.product-note strong { padding: 0; color: #000; }
	
	/* products associations */
	.associations-content { margin-top: 15px; margin-bottom: 0; font-size: 18px; }
	
	.show-associations { position: relative; clear: both; }
	.show-associations div {
		min-height: 35px; height: auto !important; height: 35px; margin: 0 0 2px; padding: 2px 3px;
		border-right: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 1px solid #eee;
	}
	.show-associations div.alter { background: #f7f7f7; }
	
	.show-associations .assopic { float: left; width: 40px; margin: 0; padding: 0; border: 0; }
	.show-associations .assopic img {
		float: left; max-width: 35px; max-height: 35px; margin: 0; padding: 1px; border: 1px solid #ccc; vertical-align: middle;
	}
	
	.show-associations .assoname { float: left; width: 600px; border: 0; }
	.show-associations .assoname h3 { margin: 3px 0 0; padding: 0; }
	.show-associations .assoname h3 a { padding: 0; font-size: 14px; color: #000; }
	.show-associations .assoname h3 a:hover { text-decoration: none; color: #012769; }
	
	.show-associations .assoprice { float: left; width: 145px; border: 0; margin: 0; padding: 0; text-align: right; color: #012769; }
	.show-associations .assoprice p { display: inline; margin: 0; padding: 0; font-size: 15px; color: #012769; }
	.show-associations .assoprice p strong { text-decoration: none; font-size: 20px; color: #012769; }
	.show-associations .assoprice p small { text-decoration: line-through; font-size: 10px; color: #f00; }
	.show-associations .assoprice p sup { font-weight: normal; font-size: 10px; }

	.show-associations .assoadd2cart { float: left; width: 50px; padding-top: 3px; border: 0; }
	.show-associations .assoadd2cart div { border: 0; }
	.show-associations .assoadd2cart form { margin: 0; text-indent: 0; word-spacing: 0; }
	.show-associations .assoadd2cart input {
		float: left; width: 25px; height: 20px; margin: 0 4px 0 35px; padding: 0 3px 0 5px;
		border: 1px solid #8e8ec4; background: #fff; font-size: 12px; color: #3d3dd0;
	}
	.show-associations .assoadd2cart input.hidden { display: none; }
	.show-associations .assoadd2cart img { float: left; margin-top: -2px; }
	
	/* update associations quantity */
	.update-assoc-quantity { float: right; width: auto; margin: 0; padding: 0; border: 0; }
	.show-associations .update-assoc-quantity { border: 0; }
	.show-associations .update-assoc-quantity .buttonstyle { margin: 0; padding: 0; border: 0; }
	
	/* products prescriptions */
	.special-products { position: relative; clear: both; float: none; margin: 10px 0 15px; color: #747272; }
	.special-products span { padding: 5px; border-width: 1px 2px 2px 1px; border-style: solid; border-color: #8c8c8c #8c8c8c #8c8c8c #8c8c8c; }


/* >>> latest ordered products <<< */
	.latest-ordered-products { position: relative; clear: both; margin: 5px 0 0; }
	.latest-ordered-products div {
		min-height: 52px; height: auto !important; height: 52px; margin: 0 0 2px; padding: 2px 3px; /*border-bottom: 1px solid #eee;*/
	}
	.latest-ordered-products div.alter { background: #f7f7f7; }
	
	.latest-ordered-products .loppic { float: left; width: 60px; margin: 0; padding: 0; border: 0; }
	.latest-ordered-products img {
		float: left; max-width: 50px; max-height: 50px; margin: 0; /*padding: 1px; border: 1px solid #ccc;*/ vertical-align: middle;
	}
	
	.latest-ordered-products .lopname { float: left; width: 405px; }
	.latest-ordered-products .lopname h3 { margin: 3px 0 0; padding: 0; font-weight: normal; }
	.latest-ordered-products .lopname h3 a { padding: 0; font-weight: normal; font-size: 16px; color: #000; }
	.latest-ordered-products .lopname h3 a strong { font-size: 15px; }
	.latest-ordered-products .lopname h3 a:hover { text-decoration: none; color: #012769; }
	.latest-ordered-products .lopname em { display: block; font-size: 11px; color: #c10000; }
	
	.latest-ordered-products .lopprice { float: left; width: 150px; margin: 0; padding-top: 0; padding-bottom: 4px; text-align: right; color: #012769; }
	.latest-ordered-products .lopprice p { display: block; margin: 0; padding: 0; font-size: 15px; color: #012769; }
	.latest-ordered-products .lopprice p strong { text-decoration: none; font-size: 18px; color: #012769; }
	.latest-ordered-products .lopprice p small { text-decoration: line-through; font-size: 10px; color: #f00; }
	.latest-ordered-products .lopprice p sup { font-weight: normal; font-size: 10px; }
	
	.latest-ordered-products .lopadd2cart { float: left; width: 45px; padding-top: 2px; }
	.latest-ordered-products .lopadd2cart form { margin: 0; text-indent: 0; word-spacing: 0; }
	.latest-ordered-products .lopadd2cart input {
		float: left; width: 25px; height: 20px; margin: 5px 4px 0 0; padding: 0 3px 0 4px;
		border: 2px solid #8e8ec4; background: #fff; font-size: 12px; color: #3d3dd0;
	}


/* >>> loyalty <<< */
.loyalty { position: relative; clear: both; width: 890px; margin: 15px 0 10px; padding: 0; }
	.loyalty-item { clear: both; width: 100%; margin: 0 0 5px; }
		.loyalty-item input { float: left; }
		.ly-img { float: left; width: 160px; margin: 0; padding: 0; }
		.ly-img img { padding: 2px; border: 1px solid #ccc; }
		.ly-dtl { float: left; width: 690px; margin: 0; padding: 0; }
		.ly-dtl h3 { position: relative; margin: 0; padding: 0; font-size: 15px; color: #012769; }
		.ly-dtl p { clear: both; margin: 10px 0 0; padding: 0; font-size: 13px; }
		.ly-dtl p strong { font-weight: bold; font-size: 15px; color: #777; }


/* >>> cotact <<< */

#contact-form { position: relative; clear: both; margin: 0; padding: 0; }
#contact-form p { margin: 0; padding: 0; font-size: 16px !important; }
#contact-form p.how-to-arrive { margin-bottom: 5px; font-weight: bold; font-size: 16px; color: #0047a4; }


/* >>> category <<< */

#detailed-item { font-size: 11px; }
#detailed-item a { text-decoration: underline; color: #000; }
#detailed-item a:hover { text-decoration: none; color: #4782d5; }

/* category content */
.itembody { position: relative; clear: both; width: 100%; line-height: 18px; margin: 0 0 5px; padding: 0 0 3px; border-bottom: 1px solid #eee; }
.itembody .idate { position: relative; clear: both; font-size: 10px; color: #aaa; }
.itembody .ialter { color: #4782d5; }
.itembody .ititle { position: relative; clear: both; font-weight: bold; font-size: 12px; color: #000; }
.itembody .ititle h2 { position: relative; margin: 0; padding: 0; border: none; font-size: 12px; }
.itembody .ititle h2 a { text-decoration: underline; color: #4782d5; }
.itembody .ititle h2 a strong { font-weight: normal; }
.itembody .ititle h2 a:hover { color: #000; }
.itembody .icontent { position: relative; clear: both; font-size: 11px; color: #000; }
	
	/* counter */
	.views { font-size: 11px; color: #000; }
	.views strong { font-size: 11px; color: #124081; }
	
	/* font changer box */
	.font-changer { position: absolute; top: 0; right: 10px; padding: 2px 3px; background: #eee; z-index: 1000; }
	* html .font-changer { top: 3px; }
	.font-changer a { margin-right: 3px; text-decoration: none; color: #000; }


/* social bookmarking */
.bookmarking { margin: 0; overflow: inherit; z-index: 1000; }
.bookmarking strong { margin-left: 4px; padding: 1px 2px; color: #124081; }
.bookmarking ul { margin: 3px auto 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 #ccc; }
.bookmarking li a:hover img { border: 1px solid #aaa; }
	
	/* bookmarking properties */
	.bookmarking-normal { clear: both; position: relative; height: 100%; margin: 10px 0; /*padding: 3px; border: 1px solid #eee;*/ }

/* >>> 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: 1px solid #dcdcdc; color: #c9292f; }
ul.comms li.alt { margin: 0 0 2px; background: #f4f9ff; }
ul.comms li.reply { float: right; margin: 0 0 2px; border: 2px solid #b5c3ec; background: #f0f3fc; }
ul.comms li .rep { position: relative; float: right; width: 85px; top: 7px; right: 5px; }
ul.comms li p { margin: 0; padding: 0; color: #000; }
ul.comms li strong { color: #0a0ad8; }
ul.comms li a { text-decoration: underline; font-weight: bold; font-size: 10px; color: #012769; }
ul.comms li a:hover { text-decoration: none; font-weight: bold; font-size: 10px; color: #d90000; }
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: 20px 0 0; padding: 3px; border: 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: 0; padding: 0; text-align: justify; }
.editor h1 { font-size: 19px; }
.editor h2 { font-size: 18px; }
.editor h3 { font-size: 17px; }
.editor h4 { font-size: 16px; }
.editor h5 { font-size: 15px; }
.editor h6 { font-size: 14px; }
.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: 24px; font-size: 17px !important; color: #000; }
.editor p strong { font-weight: bold; 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; font-size: 17px !important; }
.editor ul li { clear: both; margin: 0 0 0 20px; padding: 0; list-style-type: disc; font-size: 17px !important; }
.editor a { padding: 2px 0; font-size: 17px; color: #000; }
.editor a:hover { text-decoration: none; }
.editor img { float: left; }
.description.editor { font-size: 18px; }


/*
 * 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: table; border-collapse: collapse; width: 745px; 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: 744px; min-height: 22px; height: auto !important; height: 22px; margin: 0; padding: 0;
	border: 1px solid #808080; border-left: 0; list-style: none; background: #373737 url("../img/common/bg-list-header.gif") repeat-x;
	font-weight: bold; color: #fff;
}
* 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 #808080; }

/* some of common header rows properties */
li.hli span.sort_order { width: 100px !important; }
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 {
	display: table-row; position: relative; float: left; clear: both; width: 744px; margin: 0; padding: 0;
	border-right: 1px solid #bbb; border-bottom: 1px solid #ddd; background: #fff url("../img/common/bg-list-item.gif") repeat-x; list-style: none;
}
li.li:hover { background: #f7f7f7 url("../img/common/bg-menu.gif") repeat-x top; }
/* 
	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 {
	display: table-cell; position: relative; float: left; min-height: 20px; height: auto !important; height: 20px; margin: 0; padding: 2px 1px 5px 3px;
	border-left: 1px solid #bbb; font-size: 11px;
}
li.li span:first-child { background: #fff; }
li.li span a { font-size: 17px; color: #012769; }
li.li span a:hover { text-decoration: none; color: #000; }

/* some of common rows properties */
li.li span.sort_order { width: 100px !important; }
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; }

/* list item with image */
li.li img { vertical-align: middle; }

/* list alternate items */
li.alternate { background: #f7f7f7 /*url("../img/common/bg-list-item-alternate.gif") repeat-x top*/; }

/* no hover */
li.no:hover { background: #fff; }

/* total rows */
li.sum {
	position: relative; float: left; clear: both; width: 745px; margin: 1px 0 0; padding: 0;
	border-bottom: 1px solid #ddd; /*background: #fafafa;*/ list-style: none;
}
li.sum span {
	position: relative; float: left; min-height: 15px; height: auto !important; height: 15px;
	margin: 0; padding: 2px 1px 2px 3px;
}
li.sum span.msg-warning{ padding-left: 24px; }
li.sum span big a { text-decoration: underline; }
li.sum span.text { width: 542px; text-align: right; font-weight: bold; font-size: 14px; color: #000; }
li.sum span.text form { display: inline; margin: 0; padding: 0; text-indent: 0; word-spacing: 0; }
li.sum span.text img { margin: 0; vertical-align: top; }
li.sum span.text em { font-style: normal; color: #012769; }
li.sum span.text em.voucher { font-style: normal; font-size: 13px; color: #28ac07; }
li.sum span.text em.frmerror { display: inline; }
li.sum span.text input { display: inline; float: none; }
li.sum span.text select { display: inline; margin: 0 0 2px; vertical-align: middle; z-index: 0; }
li.sum span.price { width: 120px; margin: 0; padding: 0; text-align: right; font-size: 16px; color: #012769 }
li.sum span.price strong { color: #012769; }
li.sum span.price em { font-style: normal; }
li.sum span.price em.voucher-discount {
	background: none; text-decoration: line-through; font-style: italic; font-weight: normal; color: #e90b0b;
}


/* >>> cart <<< */

ul.ulcart { width: 940px; }
ul.ulcart li.hli { width: 939px; }
ul.ulcart li.li { width: 939px; }
ul.ulcart li.sum { width: 940px; }
ul.ulcart li.sum span.text { width: 810px; }
ul.ulcart li.sum span.price { width: 120px; }

/* header rows */
li.hli span { min-height: 32px; height: auto !important; height: 32px; }
li.hli span.pic { width: 40px; }
li.hli span.product { width: 494px; }
ul.ulcart li.hli span.quantity { width: 60px; text-align: center; }
ul.ulcart li.hli span.price { width: 160px; padding-right: 5px; text-align: right; }
ul.ulcart li.hli span.price-unit { width: 140px; }
ul.ulcart li.hli span.price, ul.ulcart li.hli span.price-unit { }
ul.ulcart li.hli span.price strong, ul.ulcart li.hli span.price-unit strong { font-size: 13px; }

/* list rows */
ul.ulcart li.li span { min-height: 41px; height: auto !important; height: 41px; }
li.li span.pic { width: 40px; }
li.li span.pic img { max-width: 35px; max-height: 35px; }
li.li span.product { width: 494px; font-size: 16px; color: #6f2d38; }
ul.ulcart li.li span.quantity { width: 60px; text-align: center; }
ul.ulcart li.li span.quantity input { width: 30px; height: 16px; margin-left: 12px; padding: 1px; border: 1px solid #ccc; }
* html ul.ulcart li.li span.quantity input { margin-left: 7px; }
ul.ulcart li.li span.price {
	width: 160px; padding-right: 5px; line-height: 15px; margin: 0; text-align: right; font-size: 18px; color: #012769;
}
ul.ulcart li.li span.price strong { text-decoration: none; color: #012769; }
ul.ulcart li.li span.price small { text-decoration: line-through; font-weight: normal; font-size: 15px; color: #f00; }
ul.ulcart li.li span.price sup { font-weight: normal; font-size: 15px; }
ul.ulcart li.li span.price a { color: #f00; }
ul.ulcart li.li span.price a, li.li span.cart-tip, li.li span.mod-quantity a {
	line-height: 20px; font-size: 14px;
}
ul.ulcart li.li span.price-unit { width: 140px; }
li.li span.cart-tip { width: 500px; border: 0; }
li.li span.mod-quantity { border: 0; text-align: left; }
li.li span.mod-quantity a { font-weight: bold; font-size: 15px; color: #012769; }

ul.ulcart li.li.norb { border-right: 0; }
ul.ulcart li.li.norb:hover { background: none; }

/* bonus points */
.bonus-points-tip { position: relative; clear: both; font-size: 12px; color: #000; }
.bonus-points-tip a { text-decoration: underline; color: #c10000; }
.bonus-points-tip a:hover { color: #000; }

/* footer */
.cart-footer {
	position: relative; clear: both; width: 100%; line-height: 20px; margin: 10px 0 0; padding: 0;
	background: #fff; text-align: center; font-weight: normal; font-size: 17px; color: #012769;
}
.cart-footer a { font-size: 17px; color: #000; }
.cart-footer a big { text-decoration: underline; font-size: 17px; color: #000; }
/*.cart-footer a.empty-cart { text-decoration: underline; font-size: 11px; color: #c10000; }
.cart-footer a.send-order { text-decoration: underline; font-weight: bold; font-size: 15px; color: #012769; }
.cart-footer a.send-order:hover { text-decoration: none; }*/
.cart-footer .buttonstyle { width: auto; margin-left: 375px; }

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

.customer-addresses { position: relative; clear: both; margin: 0; }
a.opt { line-height: 25px; text-decoration: underline; font-weight: bold; color: #012769; }
a.opt:hover { text-decoration: none; font-style: italic; color: #000; }

/* header rows */
li.hli.viewsaddresses span { min-height: 28px; height: auto !important; height: 28px; }
li.hli.viewsaddresses span.address { width: 520px; }
li.hli.viewsaddresses span.sort_order { width: 40px; }

li.li.viewsaddresses span { min-height: 45px; height: auto !important; height: 45px; }
li.li.viewsaddresses span.address { width: 520px; font-weight: bold; color: #012769; }
li.li.viewsaddresses span.address a em { font-style: normal; font-weight: normal; color: #000; }
li.li.viewsaddresses span.strong { font-weight: normal; color: #000; }
li.li.viewsaddresses span.sort_order { width: 40px; }
li.li.viewsaddresses span.sort_order input { width: 30px; }

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

/* header rows */
li.hli span.order_id { width: 35px; }
li.hli span.order_date { width: 125px; }
li.hli span.order_status { width: 100px; }
li.hli span.total_order_bill { width: 115px; }
li.hli span.total_points { width: 115px; }
li.hli span.order_options { width: 150px; }
li.hli span.order_details { width: 110px; }

/* list rows */
li.li.orders span { min-height: 23px; height: auto !important; height: 23px; }
li.li span.order_id { width: 35px; font-weight: bold; font-size: 15px; color: #000; }
li.li span.order_date { width: 125px; font-weight: bold; font-size: 14px; color: #000; }
li.li span.order_status { width: 100px; font-weight: bold; font-size: 14px; color: #777; }
li.li span.total_order_bill { width: 115px; font-weight: bold; font-size: 15px; color: #012769; }
li.li span.total_order_bill small { font-size: 12px; }
li.li span.total_points { width: 115px; font-weight: bold; font-size: 15px; color: #012769; }
li.li span.order_options { width: 150px; }
li.li span.order_options a { color: #777; }
li.li span.order_details { width: 110px; }

/* order item */
.order { position: relative; clear: both; line-height: 20px; margin: 10px 0; font-size: 16px; color: #000; }
.order em { padding: 3px; font-weight: bold; font-size: 15px; font-style: normal; color: #012769; }
.order strong { color: #012769; }
.order img { border: 0; vertical-align: middle; }
.order form { display: inline; margin: 0; text-indent: 0; word-spacing: 0; }
.order div { clear: both; margin: 0 0 10px; }
.order a { color: #012769; }
.order a.view-all-orders { line-height: 25px; color: #012769; }
.order a:hover { text-decoration: none; color: #000; }

span.date_added { text-decoration: underline; font-weight: bold; font-size: 15px; color: #012769; }

/* header rows */
.order li.li span { min-height: 35px; height: auto !important; height: 35px; }

li.hli span.history-product { width: 473px; border-left: 0; }
li.hli span.quantity { width: 35px; text-align: center; }
li.hli span.price { width: 100px; text-align: right; }
/* list rows */
li.li span.history-product { width: 472px; font-size: 12px; }
li.li span.history-product em { background: none; font-size: 10px; color: #c10000; }
li.li span.quantity { width: 35px; text-align: center; }
li.li span.quantity em { padding: 2px 5px; font-weight: bold; font-size: 15px; color: #000; }
li.sum span.text { width: 600px; text-align: right; font-size: 16px; color: #012769; }
li.li span.price { width: 100px; text-align: right; font-size: 16px; color: #012769; }
li.li span.price strong { color: #012769; }
li.li span.price sup { font-weight: normal; font-size: 12px; }


/* >>> form reasons <<< */

.form-reasons { position: relative; clear: both; line-height: 20px; margin: 10px 0; }
.form-reasons-detailed { position: relative; clear: both; margin: 0; padding: 0; }
.form-reasons-detailed span { font-weight: bold; }
.form-reasons-detailed span.prodname { color: #c10000; }

/* header rows */
li.hli span.fw-date-added { width: 70px; border-left: 0; }
li.hli span.fw-product-name { width: 314px; border-left: 0; }
li.hli span.fw-problem { width: 100px; border-left: 0; }
li.hli span.fw-solution { width: 100px; border-left: 0; }
/* list rows */
.form-reasons ul li.li span { min-height: 40px; height: auto !important; height: 40px; }
li.li span.fw-date-added { width: 70px; font-weight: bold; }
li.li span.fw-product-name { width: 314px; }
li.li span.fw-problem { width: 100px; background: #d90000; color: #fff; }
li.li span.fw-solution { width: 100px; background: #43b300; color: #fff; }
li.li span.fw-details { width: 60px; }
li.li span.fw-details a { color: #7a7a7a; }
li.li span.fw-details a:hover { font-style: normal; color: #000; }


/* >>> shopping history <<< */
.spot-prices { position: relative; clear: both; line-height: 20px; margin: 10px 0; }
.spot-prices h3 { margin: 0; padding: 0; font-weight: bold; font-size: 15px; }
.spot-prices strong { font-weight: bold; }
.spot-prices .quote { line-height: 20px; margin: 0; padding: 0 0 0 28px; background: url("../img/common/quote.gif") no-repeat top left; }
.spot-prices .unquote {
	display: inline; width: 24px; height: 13px; line-height: 20px; margin: 0; padding-right: 20px;
	background: url("../img/common/unquote.gif") no-repeat;
}
.spot-prices a { font-size: 12px; text-decoration: underline; color: #b90202; }
.spot-prices a:hover { font-size: 12px; color: #000; }
	.spot-listing { position: relative; clear: both; margin: 10px 0; }
	
/* header rows */
li.hli span.spot-product-name { width: 314px; border-left: 0; }
li.hli span.spot-min-date { width: 70px; border-left: 0; }
li.hli span.spot-max-date { width: 70px; border-left: 0; }
li.hli span.spot-status { width: 100px; border-left: 0; }
/* list rows */
.spot-listing ul li.li span { min-height: 40px; height: auto !important; height: 40px; }
li.li span.spot-product-name { width: 314px; }
li.li span.spot-min-date { width: 70px; font-weight: bold; }
li.li span.spot-max-date { width: 70px; font-weight: bold; }
li.li span.spot-status { width: 100px; }
li.li span.spot-details { width: 60px; }
li.li span.spot-details a { color: #7a7a7a; }
li.li span.spot-details a:hover { font-style: normal; color: #000; }
	span.red { background: #d90000; color: #fff; }
	span.green { background: #43b300; color: #fff; }
	
	/* detailed view */
	.spotprodname { position: relative; clear: both; margin: 0 0 10px; }
	.spotprodname strong { font-size: 13px; }
	.spotprodname strong a { color: #c10000; }
	/* auction bid */
	.spotbid { position: relative; clear: both; margin: 0 0 5px; padding: 3px; border: 1px solid #ccc; font-size: 12px; }
	.spotbid.alternate { border: 2px solid #aaa; background: #f5f5f5; }
	.spotbid big { font-weight: bold; color: #d90000; }
		.prodbidcomments { position: relative; clear: both; margin: 2px 0 0; padding: 3px; border: 1px solid #aaa; }
	/* add 2 cart */
	.spotadd2cart { font-size: 12px; }
	.spotadd2cart span, .spotadd2cart form, .spotadd2cart input { float: left; }
	.spotadd2cart input { width: 30px; margin: 0 5px 10px; }
	.spotadd2cart strong { font-weight: bold; font-size: 15px; color: #c10000; }


/* >>> clearfix <<< */
/**/
.clearfix:after,
.lftprodrow:after {
	content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; 
}
/* .clearfix { display: inline-block; } */
html[xmlns] .lftprodrow,
html[xmlns] .clearfix { 
	display: block;
}
* html .lftprodrow,
* 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 { border: 1px solid #000; background: #000; color: #fff; } 
	.navigator b { padding: 3px 5px; border: 1px solid #000; background: #5f5c5c; 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_to { padding: 0; background: none; border: 0; }

/* >>> date picker <<< */
.datepicker {
	position: absolute; margin: 0; top: 0; left: 0; padding: 0; border-collapse: collapse; border: 2px solid #999;
	text-align: center; color: #000; z-index: 10000;
}
.datepicker tr.controls th { height: 22px; font-size: 11px; }
.datepicker select { font-size: 11px; }
.datepicker tr.days th { height: 18px; }
.datepicker tfoot td { height: 18px; text-align: center; text-transform: capitalize; }
.datepicker th, .datepicker tfoot td { background: #eee; font: 10px/18px Verdana, Arial, Helvetica, sans-serif; }
.datepicker th span, .datepicker tfoot td span { font-weight: bold; }
.datepicker tbody td { width: 30px; height: 24px; border: 1px solid #ccc; background: #fff; text-align: center; font: 11px/22px Arial, Helvetica, sans-serif; }
.datepicker tbody td a { color: #1a3885; }
.datepicker tbody td.date { cursor: pointer; }
.datepicker tbody td.date.over { background-color: #99ffff; }
.datepicker tbody td.date.chosen { font-weight: bold; background-color: #ccffcc; color: #1c76ec; }

/* search suggestions */
.search-suggestions { clear: both; margin: 0 0 5px; padding: 0; }
.search-suggestions a { text-decoration: underline; font-size: 12px; color: #0e80d3; }
.search-suggestions a:hover { text-decoration: none; color: #239ff7; }
/* search highlight */
.highlight { padding: 2px 2px; background: #fff778; color: #000; }

/* logout link */
a.logout { height: 16px; padding: 0 0 0 18px; background: url("../img/icons/icon-logout.gif") no-repeat 0 2px; font-size: 13px !important; }

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

/* general link style */
a.lnk { font-weight: bold; font-size: 14px; color: #012769; }
a.lnk:hover { text-decoration: none; color: #777; }
a.lnksignup { font-size: 15px; color: #012769; }


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


/* button */
.buttonstyle { overflow: hidden; width: 100%; margin: 5px 0; }
.buttonstyle a.button {
    display: block; float: left; height: 25px; margin: 0 6px 0 0; padding: 0 12px 0 0; /* sliding doors padding */
    background: transparent url("../img/buttons/bg-button-a.png") no-repeat scroll top right;
    text-transform: uppercase; text-decoration: none; font-style: normal; font-size: 15px; color: #fff;
}
.buttonstyle a.button span {
    display: block; line-height: 14px; padding: 5px 0 6px 12px;
    background: transparent url("../img/buttons/bg-button-span.png") no-repeat; font-size: 15px; 
}
.buttonstyle a.smallbutton {
    display: block; float: left; height: 19px; margin: 0 6px 0 0; padding: 0 14px 0 0; /* sliding doors padding */
    background: transparent url("../img/buttons/bg-smallbutton-a.png") no-repeat scroll top right;
    text-transform: uppercase; text-decoration: none; font-style: normal; font-size: 14px; color: #fff;
}
.buttonstyle a.smallbutton span {
    display: block; line-height: 14px; padding: 2px 0 3px 14px;
    background: transparent url("../img/buttons/bg-smallbutton-span.png") no-repeat; font-size: 14px;
}
.buttonstyle a.button:hover { background-position: bottom right; font-style: normal; color: #fff; outline: none; }
.buttonstyle a.smallbutton:hover { background-position: bottom right; font-style: normal; color: #fff; outline: none; }
.buttonstyle a.button:hover span, .buttonstyle a.smallbutton:hover span { background-position: bottom left; }


/* >>> ColorBox <<< */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; overflow: hidden; }
#cboxLoadedContent { overflow: auto; }
#cboxLoadedContent iframe { display: block; width: 100%; height: 100%; border: 0; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; width: 100%; top: 0; left: 0; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay { background: url("../img/jquery.colorbox/overlay.png") 0 0 repeat; }
#colorbox {}
    #cboxTopLeft { width: 21px; height: 21px; background: url("../img/jquery.colorbox/controls.png") no-repeat -100px 0; }
    #cboxTopRight { width: 21px; height: 21px; background: url("../img/jquery.colorbox/controls.png") no-repeat -129px 0; }
    #cboxBottomLeft { width: 21px; height: 21px; background: url("../img/jquery.colorbox/controls.png") no-repeat -100px -29px; }
    #cboxBottomRight { width: 21px; height: 21px; background: url("../img/jquery.colorbox/controls.png") no-repeat -129px -29px; }
    #cboxMiddleLeft { width: 21px; background: url("../img/jquery.colorbox/controls.png") repeat-y left top; }
    #cboxMiddleRight { width: 21px; background: url("../img/jquery.colorbox/controls.png") repeat-y right top; }
    #cboxTopCenter { height: 21px; background: url("../img/jquery.colorbox/border.png") repeat-x 0 0; }
    #cboxBottomCenter { height: 21px; background: url("../img/jquery.colorbox/border.png") repeat-x 0 -29px; }
    #cboxContent { background: #fff; }
        #cboxLoadedContent { margin-bottom: 28px; }
        #cboxTitle { position: absolute; width: 100%; bottom: 3px; left: 0; text-align: center; color: #949494; }
        #cboxCurrent { position: absolute; bottom: 3px; left: 58px; padding: 2px; font-weight: bold; font-size: 12px; background: #000; color: #fff; }
        #cboxSlideshow { position: absolute; right: 30px; bottom: 3px; color: #0092ef; }
        #cboxPrevious {
			position: absolute; width: 25px; height: 25px; bottom: 0; left: 0;
			background: url("../img/jquery.colorbox/controls.png") no-repeat -75px 0; text-indent: -9999px;
		}
        #cboxPrevious.hover { background-position: -75px -25px; }
        #cboxNext {
			position: absolute; width: 25px; height: 25px; bottom: 0; left: 27px;
			background: url("../img/jquery.colorbox/controls.png") no-repeat -50px 0; text-indent: -9999px;
		}
        #cboxNext.hover { background-position: -50px -25px; }
        #cboxLoadingOverlay { background: url("../img/jquery.colorbox/loading_background.png") no-repeat center center; }
        #cboxLoadingGraphic { background: url("../img/jquery.colorbox/loading.gif") no-repeat center center; }
        #cboxClose {
			position: absolute; width: 25px; height: 25px; right: 0; bottom: 0;
			background: url("../img/jquery.colorbox/controls.png") no-repeat -25px 0; text-indent: -9999px;
		}
        #cboxClose.hover { background-position: -25px -25px; }


/* >>> Nivo Slider <<< */

/*
 * jQuery Nivo Slider v2.1
 * http: //nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http: //www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
/* The Nivo Slider styles */
.nivoSlider { position: relative; }
.nivoSlider img { position: absolute; top: 0; left: 0; }

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	display: none; position: absolute; width: 100%; height: 100%; margin: 0;
	padding: 0; top: 0; left: 0; border: 0; z-index: 60;
}

/* The slices in the Slider */
.nivo-slice { display: block; position: absolute; height: 100%; z-index: 50; }

/* Caption styles */ /* opacity: 0.8; */ /* Overridden by captionOpacity setting */
.nivo-caption { position: absolute; width: 100%; bottom: 0; left: 0; background: #000; color: #fff; z-index: 89; }
.nivo-caption p { margin: 0; padding: 5px; }
.nivo-caption a { display: inline !important;}
.nivo-html-caption { display: none; }

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position: absolute; top: 45%; z-index: 99; cursor: pointer; }
.nivo-prevNav { left: 0; }
.nivo-nextNav { right: 0; }

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a { position: relative; z-index: 99; cursor: pointer; }
.nivo-controlNav a.active { font-weight: bold; }
.nivo-controlNav { position: absolute; top: 10px; left: 10px; }
.nivo-controlNav a {
	display: block; float: left; width: 10px; height: 10px; margin-right: 3px; border: 0;
	background: url("../img/slideshow/bullets.png") no-repeat; text-indent: -9999px;
}

.nivo-controlNav a.active { background-position: -10px 0; }
.nivo-directionNav a {
	display: block; width: 30px; height: 30px; border: 0; background: url("../img/slideshow/arrows.png") no-repeat; text-indent: -9999px;
}
a.nivo-nextNav { right: 15px; background-position: -30px 0; }
a.nivo-prevNav { left:  15px; }
.nivo-caption a { text-decoration: underline; }


/* >>> site messages <<< */
.msg-success, .msg-error, .msg-warning, .msg-tip {
	display: block; clear: both; margin: 5px 0 10px; padding: 0; font-size: 14px;
}
.msg-success, .msg-error, .msg-warning big { font-weight: bold; font-size: 15px; }
.msg-success { color: #3d9711; }
.msg-warning { color: #b44b00; }
.msg-error { color: #df0510; }
.msg-tip { color: #000; }
.msg-tip em { font-style: normal; }

/* screenshot tooltip */
#screenshot-tooltip { display: none; position: absolute; padding: 5px; border: 1px solid #ccc; background: #fff; z-index: 100000; }