﻿* {margin: 0; padding: 0;}



body
{
	font-family:Arial, Verdana, Helvetica;
	font-size:100.01%;
	background-color:#024A63;
}

.container
{
	width:927px;
	margin:0px auto;
	background-color:#F6F6F6;
	_overflow:hidden;
}
#container_top
{
	background-color:#3796AC;
	background:url(layout/bg_1.png) repeat-x top left;
}
#container_mid
{
	background-color:#02607F;
	background:url(layout/bg_2.png) repeat top left;
}
	#header
	{
		background:url(layout/header_bg.jpg) no-repeat top left;
		position:relative;
		height:192px;
	}
		#extmenu
		{
			position:absolute;
			top:0px;
			right:-18px;
			height:19px;
			font-size:0.9em;
			_width:200px;
			white-space:nowrap;
		}
			#extmenu .bg1
			{
				height:19px;
				background:url(layout/ext_menu_left.png) no-repeat bottom left;
				_background:url(layout/ext_menu_left.gif) no-repeat bottom left;
			}
			#extmenu .bg2
			{
				height:19px;
				background:url(layout/ext_menu_right.png) no-repeat bottom right;
				_background:url(layout/ext_menu_right.gif) no-repeat bottom right;
			}
			#extmenu .bg3
			{
				margin:0px 13px;
				height:19px;
				background:url(layout/ext_menu_mid.png) repeat-x top left;
				_background:url(layout/ext_menu_mid.gif) repeat-x top left;
			}
			#extmenu A
			{
				font-weight:bold;
				color:#BBE5ED;
				text-decoration:none;
				margin:0px 8px;
				
				vertical-align:top;
			}
			#extmenu .sep
			{
				
				
				background:url(layout/ext_menu_sep.png) no-repeat top right;
			}
		
		#mycart
		{
			background:url(layout/cart_bg.png) no-repeat top left;
			
			position:absolute;
			top:26px;
			right:18px;	
			width:203px;
			height:72px;
		}
			#mycart .position
			{
				margin:10px 12px 0px 12px;
			}
			#mycart .cart
			{
				position:absolute;
				top:10px;
				right:12px;
			}
			#tempCartMessage
			{
				position:absolute;
				_position:absolute;
				
				display:none;
				width:200px;
				background-color:#fff;
				padding:10px;
				border:1px solid #003B64;
				
				z-index:1000;
			}
			.tempCartMessageOver
			{
				zoom:1;
				display:block;
				
			}
				
			
		#mainsearch
		{
			position:absolute;
			bottom:7px;
			right:18px;
			text-align:right;
		}
		
		#catalogHeader
		{
			position:absolute;
			bottom:0px;
			left:14px;
			width:208px;
			height:44px;
			background:url(layout/left_bg_top.png) no-repeat top left;
			_background:url(layout/left_bg_top.gif) no-repeat top left;
		}
			#catalogHeader .buttons
			{
				margin:7px 7px 0px 10px;
				height:30px;
			}
			#catalogHeader #runner
			{
				position:absolute;
				top:36px;
				left:50px;
			}
			
			#catalogHeader .buttons a
			{
				
				color:#fff;
				text-decoration:none;
				border-right:1px solid #fff;
				
				width:94px;
				height:24px;
				
				
				line-height:2.1em;
				text-align:center;
				display:block;
				float:left;
				
			}
			
				#catalogHeader .buttons a.left
				{
					background:url(layout/left_lcorner.png) no-repeat top left;
					_background:url(layout/left_lcorner.gif) no-repeat top left;
				}
				#catalogHeader .buttons a.right
				{
					background:url(layout/left_rcorner.png) no-repeat top right;
					_background:url(layout/left_rcorner.gif) no-repeat top right;
				}
				#catalogHeader .buttons a.active
				{
					
					background-color:#004E85;
				}
				#catalogHeader .buttons a.hidden
				{
					
					background-color:#CFCFCF;
				}
		
		#cabinetText
		{
			position:absolute;
			bottom:0px;
			right:18px;
			width:254px;
		}
	#body
	{
		background:url(layout/left_bg.png) repeat-y;
		background-position:14px 0px;
		zoom:1;
		min-height:400px;
	}
		#leftcol
		{
			float:left;
			width:208px;
			_height:100%;
			
			margin:0px 0px 0px 14px;
			_margin-left:7px;
		}
			#leftcol ul
			{
				margin:0px 7px 0px 10px;
				list-style-type:none;	
				position:relative;
				z-index:15;
			}
			#leftcol ul li
			{
				min-height:22px;
				position:relative;
				zoom:1;
				
			}
				#leftcol ul hr
				{
					position:absolute;
					top:11px;
					right:-7px;
					width:203px;
					
					height:1px;
					border:0px;
					background-color:#E1E1E1;
					
					
				}

				#leftcol p.header 
				{
					margin-left:15px;
					text-transform:uppercase;
				}
				#leftcol hr
				{
					margin:10px 1px 10px 4px;
					height:1px;
					border:0px;
					background-color:#E1E1E1;
				}
				
				#leftcol ul li.sel, #leftcol ul li.over, #leftcol ul li:hover
				{					
					text-decoration:none;
					background:url(layout/arrow_white.png) no-repeat #F6C550;
					background-position:181px 5px;
					
				}
					#leftcol ul li.over, #leftcol ul li:hover{background-color:#F2B21B;}
					#leftcol ul li.sel a, #leftcol ul li.over a, #leftcol ul li:hover a
					{
						color:#fff;					
					}
				#leftcol ul li a
				{
					zoom:1;
					position:relative;
					
					display:block;
					color:#333333;
					margin-left:24px;
					margin-right:10px;
					
					text-decoration:none;
					line-height:1.7em;
					vertical-align:middle;
					
					_height:1em; 
				}
				#leftcol #catalog_brand ul li a
				{
					margin-left:14px;
				}
				
				.flyout{position:absolute;top:0px;left:190px;width:100px;zoom:1;height:100px;display:none;}
				.flyout .all{position:relative;zoom:1;background:url(layout/cat_body.gif) repeat-y;
				             /* for IE */
				  filter:alpha(opacity=90);
				  /* CSS3 standard */
				  opacity:0.9;
				  padding:3px 0px 3px 0px;

				             }
				
				
				.flyout .w1{width:210px;}
				.flyout .w2{width:410px;}
				.flyout .w3{width:610px;}
				
				
				.flyout .all .box{width:200px;}
				.flyout .all .box a{display:block;line-height:normal;}
				.flyout .all .box a:hover{color:#FFFF99;}
		#rightcol
		{
			margin-left:240px;
			margin-right:18px;
			padding-top:8px;
			_height:100%;
		}
				#topmenu
				{
						border-bottom:1px solid #F6F6F6;
						_border-bottom:0px;
						position:relative;
				        left:-18px;
				        _left:-40px;
				        display:-moz-inline-block;
				        display:inline-block;
				}
				
				#topmenu a
				{
					font-weight:bold;
					color:#fff;
					text-decoration:none;
					text-transform:uppercase;
					line-height:2em;
				}
					#topmenu .mid_over a
					{
						color:#663300;
					}
				#topmenu .mid
				{
					float:left;
					position:relative;
					margin-left:25px;
					_margin-left:23px;
					background:url(layout/top_menu_mid.png) repeat-x top right;
					height:25px;
				}
					#topmenu .mid_over
					{
						background:url(layout/top_menu_mid_over.png) repeat-x top right;
					}
				#topmenu .left
				{
					position:absolute;
					top:0px;
					left:-9px;
					
					background:url(layout/top_menu_left.png) no-repeat top left;
					width:9px;
					height:25px;
				}
					#topmenu .mid_over .left
					{
						background:url(layout/top_menu_left_over.png) no-repeat top right;
					}
				#topmenu .right
				{
					position:absolute;
					top:0px;
					right:-9px;
					
					background:url(layout/top_menu_right.png) no-repeat top right;
					width:9px;
					height:25px;
				}
					#topmenu .mid_over .right
					{
						background:url(layout/top_menu_right_over.png) no-repeat top right;
					}
				
				
				#breadcrumbs{margin:5px 0px 3px 0px;}
				
				#photogallery
				{
					border:1px solid #004E85;
					height:202px;
					width:660px;
					margin-bottom:24px;
					position:relative;
					overflow:hidden;
				}
					#photogallery #toolbar
					{
						position:absolute;
						bottom:0px;
						left:0px;
						right:0px;
						
						border-top:1px solid #004E85;
						
						height:28px;
						line-height:26px;
						_width:100%;
						
						background:url(layout/player_bg.png) repeat-x top left;
					}
						#photogallery #toolbar .btn, #photogallery #toolbar .lbtn
						{
							border:1px solid #fff;
							padding:2px 6px;
							margin-left:4px;

							color:#fff;
							text-decoration:none;
							font-weight:bold;
						}
							#photogallery #toolbar .btn{background:url(layout/player_btn.png) no-repeat top left;}
							
						#photogallery #toolbar .btn:hover, #photogallery #toolbar .sel
						{
							border:1px solid #004E85;
							background:#DFDFDF;	
							color:#000;
						}
						#photogallery #toolbar .lbtn:hover{border:1px solid #004E85;}
						#photogallery .photo
						{
							position:absolute;
							top:0px;
							left:0px;
							visibility:hidden;
						}
							#photogallery .photosel
							{
								visibility:visible;
							}
							.play{background:url(layout/player_play.png) no-repeat top left #004E85}
							.play:hover, .play_over{background:url(layout/player_play_over.png) no-repeat top left #DCDCDC;}
							.pause{background:url(layout/player_pause.png) no-repeat top left #004E85}
							.pause:hover, .pause_over{background:url(layout/player_pause_over.png) no-repeat top left #DCDCDC;}
							.rewind{background:url(layout/player_rewind.png) no-repeat top left #004E85}
							.rewind:hover, .rewind_over{background:url(layout/player_rewind_over.png) no-repeat top left #DCDCDC;}
							.forward{background:url(layout/player_forward.png) no-repeat top left #004E85}
							.forward:hover, .forward_over{background:url(layout/player_forward_over.png) no-repeat top left #DCDCDC;}
						
						
				
				#newsstart{width:465px;}
					
					
					#newsstart .sep
					{
						margin:10px 4px;
						background:url(layout/dot.png) repeat-x center right;
					}
					#newsstart .h5
					{
						zoom:1;
						color:#fff;
						background-color:#004E85;
						position:relative;
						padding:3px 12px;
					}
						#newsstart span, .flyout span{font-size:0.01em;}
						#newsstart .h5 .bl
						{
							position:absolute;
							bottom:0px;
							left:0px;
							width:9px;
							height:9px;
							background:url(layout/news_header.png) no-repeat;
							background-position:-9px 0px;
						}
						#newsstart .h5 .br, .flyout .br
						{
							position:absolute;
							bottom:0px;
							right:0px;_right:-1px;
							width:9px;
							height:9px;
							background:url(layout/news_header.png) no-repeat;
							background-position:0px 0px;
							
						}
						.flyout .br
						{
							background:url(layout/cat_header.png) no-repeat;
							_background:url(layout/cat_header.gif) no-repeat;
							background-position:0px 0px;
						}
						#newsstart .h5 .tl
						{
							position:absolute;
							top:0px;
							left:0px;
							width:9px;
							height:9px;
							background:url(layout/news_header.png) no-repeat;
							background-position:-9px -9px;
							
						}
						#newsstart .h5 .tr, .flyout .tr
						{
							position:absolute;
							top:0px;
							right:0px;_right:-1px;
							width:9px;
							height:9px;
							background:url(layout/news_header.png) no-repeat;
							background-position:0px -9px;
							
						}
						.flyout .tr
						{
							background:url(layout/cat_header.png) no-repeat;
							_background:url(layout/cat_header.gif) no-repeat;
							background-position:0px -9px;
							
						}
						
					#newsstart p
					{						
						margin:12px 4px;
					}
				#infobox
				{
					margin-right:-18px;
					_margin-right:-12px;
					float:right;
					width:206px;
					
					
					background:url(layout/info_corner.png) no-repeat bottom left #fff;
				}
				#infobox .top
				{
					background:url(layout/info.png) no-repeat top left #BCBCBC;
				}
				#infobox .top p {margin-left:20px;line-height:37px;text-transform:uppercase;}
				
				#infobox .content{margin:10px 18px;}
				
				/* FAQ */
				.question
				{
					zoom:1;
					position:relative;
					background:url(layout/faq_q_left_bg.png) repeat-y top left #fff;
					
					padding:12px 23px 12px 130px;
				}
					.question .number
					{
						position:absolute;
						top:12px;
						left:15px;
						padding:0px 7px;
					}
					.atl {position:absolute;top:0px;left:0px;}
					.abl {position:absolute;bottom:0px;left:0px;}
					
				.answer
				{
					zoom:1;
					position:relative;
					background:url(layout/faq_a_left_bg.png) repeat-y top left #fff;
					
					padding:10px 64px 20px 176px;
					margin-bottom:20px;
				}
				
				/* FORMS */
				fieldset.center{width:423px;margin:0px auto;border:0px;zoom:1;}
				fieldset.login{width:223px;border:0px;zoom:1;}
				input.txt, textarea {width:100%;border:1px solid #C0C0C0;overflow:auto;margin-bottom:12px;}
				
				/* ARCHIVE */
				.archive
				{
					display:-moz-inline-block;
				    display:inline-block;
				    border:1px solid transparent;
				    _border:0px;
					background:url(layout/archive_bg.png) repeat-y top left;
				}
					.archive .item
					{
						float:left;
						width:330px;
						min-height:110px;
						_height:110px;
						_overflow:visible;
						position:relative;
					}
					.archive .item p
					{
						width:320px;

					}
				/*  CATALOG  */
				
				.smallbox
				{
					float:left;
					
					border:1px solid #C0C0C0;
					
					width:192px;
					min-height:300px;
					_height:300px;
					
					
					padding:10px;
					
					overflow:visible;
					
					background-color:#fff;
					text-align:center;
					
					margin-bottom:20px;
					margin-right:9px;
					_margin-right:6px;
					position:relative;
				}
					.smallbox .bottom{margin-bottom:0px;position:absolute;bottom:10px;left:0px;right:0px;height:82px;_width:100%;}
					.prod_tab .smallbox{width:184px;}
					
					.smallbox .highimage{height:110px;width:110px;display:inline-block;display:-moz-inline-box;}
					.smallbox .highimage table{height:100px;}
				
				.catalogbox1
				{
					margin-bottom:5px;
					float:left;
					width:320px;
					height:113px;
					overflow:hidden;
					
					_width:310px;
					_height:118px;
					
					
					z-index:10;
					
					position:relative;
					
					zoom:1;
					margin-right:12px;
				}
					
					.catalogbox1 .hline{position:absolute;width:320px;height:5px;bottom:0px;left:0px;}
					.catalogbox1 .img
					{
						top:0px;
						left:0px;
						
					}
					
					.catalogbox1 p
					{
						margin-left:117px;
					}
					.catalogbox1 a
					{
						display:block;
						margin-left:117px;
					}
						a .wholebox
						{
							position:absolute;
							top:0px;
							bottom:0px;
							left:0px;
							right:0px;
							z-index:2;
							background:url(layout/space.gif) repeat top left;
							cursor:pointer;
							_height:expression(parentElement.parentElement.offsetHeight)!important;
							_width:expression(parentElement.parentElement.offsetWidth)!important;
						}
				.catalogbox2
				{
					margin-top:8px;
					height:103px;
					border:1px solid #C0C0C0;
					background-color:#fff;
					padding:11px 11px 11px 123px;
					
					position:relative;
					zoom:1;
					z-index:10;
					overflow:hidden;
				}
					.other
					{
						position:relative;
						bottom:0px;_bottom:0px;
						left:12px;
						width:275px;
						height:15px;
						background:url(layout/tab_other.png) no-repeat top left;
						text-align:center;
						
						_line-height:11px;
					}
					.new
					{
						position:relative;
						bottom:-8px;
						margin-left:397px;
						width:91px;
						height:15px;
						background:url(layout/tab_new.png) no-repeat top left;
						text-align:center;
					}
					.forbasket{margin-left:364px;}
					.new_sep {height:15px;}
					.catalogbox2 .other a, .catalogbox2 .new p
					{
						_line-height:14px;
					}
					
				.catalogtbl{border-collapse:collapse;}
				.catalogtbl td{padding:6px 6px;}
				.catalogtbl th{padding:5px 6px;background-color:#FFCC33;}
				.catalogtbl .odd{background-color:#fff;}
				
				/*        IMAGE       */
				div.img
				{
					position:absolute;
					top:11px;
					left:11px;
					margin:0px;
					border:1px solid #333;
					
					width:100px;
					height:100px;
					overflow:hidden;
				}
					div.img table, .highimage table{width:100%;height:100%;}
					div.img table td, .highimage table td{vertical-align:middle;text-align:center;}
				
					div.hor{background:url(layout/img_bg.png) no-repeat top left;}
					div.ver{background:url(layout/img_bg_ver.png) no-repeat top left;}
					
					.pricing
					{
						float:right;
						position:relative;
						z-index:3;
						top:-11px;
						margin-right:-11px;
						width:136px;
						
						background-color:#fff;
						text-align:center;
					}
					.prod_tab .pricing {width:191px;margin-right:0px;}
					.prod_tab .floatimg{height:100px;width:100px;position:relative;float:left;margin-right:20px;}
					.prod_tab .img {top:0px;left:0px;}
						.pricing .yousave
						{
							background-color:#FF0000;
							padding:2px 0px;
							border-top:1px solid #fff;
						}
						.pricing .price p
						{
							zoom:1;
							line-height:33px;
							background-color:#FFCC33;
						}
						.pricing .tocart
						{
							background:url(layout/prod_list_tocart.png) repeat-x top left;
							height:73px;
							border-top:1px solid #fff;
							border-bottom:1px solid #fff;
						}
							
						.pricing .artno p
						{
							zoom:1;
							background-color:#006699;
							line-height:17px;
						}
						.pricing .artno p.corner, .artno2 p.corner
						{
							background:url(layout/prod_prodcodner.gif) no-repeat bottom left #006699;
						}
						 .artno2
						{
							position:absolute;
							bottom:0px;_bottom:-1px;
							right:0px;_right:-1px;
							width:136px;
							
							background-color:#006699;
							text-align:center;
						}
							 .artno2 p
							{
								line-height:17px;
							}
						
						
					
				
				.filterbox2
				{
					float:right;
					width:117px;
					zoom:1;
					position:relative;
					background:url(layout/filter_bg.png) repeat-y top left #fff;
					padding:12px 12px 18px 12px;
					text-align:center;
				}
					.filterbox2 table
					{
						width:117px;
						border-color:#999;
						display:table;
					}
						.filterbox2 table td a
						{
							text-align:left;
							padding-left:4px;
							_width:100%;
						}
						
					.filterbox2 .top
					{
						padding:5px;
					}
					.filterbox2 .header
					{
						background:url(layout/filter_top.png) no-repeat top left;
						line-height:11px;
					}
					
				.filterbox
				{
					zoom:1;
					position:relative;
					background:url(layout/filter_bg.png) repeat-y top left #fff;
					padding:12px 12px;
				}
					.filterbox .label
					{
						position:absolute;
						top:10px;
						left:14px;	
					}
					.filterbox p.space
					{
						margin:0px 0px 10px 120px;
						
					}
					.remove
					{
						margin-left:3px;
						padding-left:13px;
						background:url(layout/cross.png) no-repeat center left;
					}
				
				
			

				#Prodtop ul {
					list-style: none;

					padding-bottom:4px;
					
				}
				
				#Prodtop li {
					display: inline;		
				}			
				
				#Prodtop li a {
					padding:5px 12px 0px 12px;
					cursor:pointer;
					position: relative;
					
				}
				
				#Prodtop .selected {
					padding-bottom:5px;
					background: white;
					border: 1px solid #C0C0C0;
					border-bottom-width:0;
				}
				
				#content {
					border: 1px solid #C0C0C0;
					background-color:#fff;
				}
				#content .prod_tab
				{
					position:relative;
					zoom:1;
					margin:11px 0px 11px 11px;
					min-height:200px;
					_height:auto!important;
					_height:200px;
					overflow:visible;
				}
				#content .desc{padding-left:129px;}
				#content .desc .wrap{margin-right:207px;}

				a.myPlayer { 
					display:block; 
					width:400px; 
					height:300px;  
					margin:0px; 
					margin-bottom:15px;
					border:1px solid #fff;
					background-image:url(layout/video_start.png);
				} 
 
				/* play button */ 
				a.myPlayer img { 
					margin-top:100px; 
				} 
 
				/* when container is hovered we alter the border color */ 
				a.myPlayer:hover { 
					border:1px solid #333; 
				}
				
				#content .prod_pricing_left
				{
					padding:5px;
					background-color:#DCDCDC;
					border-top:1px solid #fff;
					border-bottom:1px solid #fff;
				}
				
				/* BASKET */
				.basket{border:1px solid #C0C0C0;background-color:#fff;margin-top:8px;}
				.basket td.txt{padding:0px 10px 0px 10px;}
				table.basket td p{text-align:center;margin:2px;line-height:26px;}
				.basket td .first{background:url(layout/basket_left.png) repeat-y #ccc;}
				.basket td .mid{}
				.basket td .last{background-color:#FFD575;}
				div.basket{padding:2px;}
				div.basket td .last1{background-color:#FFFFCC;}
				div.basket td .last1, div.basket td .last{white-space:nowrap;line-height:41px;_height:41px;padding:0px 10px;}
				.basket .spacer{position:relative;width:100px;height:100px;}
				.basket .spacer .img{top:0px;left:0px;}
				
				
				.baseTable th{background-color:#E0E0E0;font-weight:normal;text-align:center;}
				.baseTable td{padding:0px 5px;}
				.baseTable tr{background-color:Transparent;}
				.baseTable tr.sel{background-color:#FFCCCC;}
				
	
	#footer
	{
		width:927px;
		
		margin:0px auto;
		min-height:123px;
		_height:123px;
		overflow:visible;
		
		background:url(layout/footer_bg.png) no-repeat rgb(220,220,220);
		background-position:14px 0px;
				
		position:relative;
	}
		#footer p
		{
			margin:24px 60px 30px 245px;
			font-size:0.7em;
			text-align:center;
		}
	#footer2
	{
		position:absolute;
		bottom:-14px;
		left:0px;
	}
		

Address
{
	width:280px;
	margin:8px auto;
	text-align:center;
	color:#fff;
	font-size:0.7em;
}


/* LINKS */
img {border:0px;}

h1{padding:0.5em 0em;font-size:0.8em;}

table{border-collapse:collapse;}
p, label {font-size:0.75em;}
p a, .ps {font-size:1em;}


a
{
	color:#006699;
	font-size:0.7em;
}
a:hover, a.blue:hover, a.brown:hover{color:#0099CC;}

a:visited{color:#996600;}
a.white:hover{color:#FFFF99;}

.hline {background:url(layout/hline.png) repeat-x center left;}
.ext{margin:5px 0px;}
.rel{position:relative;zoom:1;}
.nowrap{white-space:nowrap;}
.block{display:block;}

.dashed{border-bottom:1px dashed;}
.nounder{text-decoration:none;}
.size10{font-size:0.625em;}
.size11{font-size:0.7em;}
.size12{font-size:0.75em;}
.size14{font-size:0.875em;}
.size16{font-size:1em;}
.size18{font-size:1.1em;}

.w511{width:511px;}
.w466{width:466px;}

.bg_yellow{background-color:#F6C550;}

.yellow{color:#663300;}
.bold {font-weight:bold;}
.darkblue{color:#003366;}
.lightblue{color:#004E85;}
.gray{color:#666666;}
.blue, .blue:visited{color:#003B64;}
.white, .white:visited {color:#fff;}

.red, .red:visited, .red:hover{color:#CC0033;}
.brown, .brown:visited, .brown:hover{color:#333;}



a.filter
{
	display:block;
	color:#333;
	line-height:15px;
}
a.filter:hover
{
	color:#fff;
	background-color:#004E85;
}

/* ELEMENTS */

img.left{float:left;margin:14px 14px 14px 0px;}
img.right{float:right;margin:14px 0px 14px 14px;}


