html {
	height: 100%;
}

body {
	height: 100%;
	margin: 1px auto 10px auto;
	text-align: center;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	line-height: 150%;
	color: #646869;
}

p {margin: 0; padding: 0;}

#hide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: Blue;
	border: 10px solid red;
}

#hide2 {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000000;
	z-index: 8;
	opacity: 0.65;
}

h1#premiere {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 9;
	margin-top: 120px;
	line-height: 150%;
	font-size: 80px;
	color: #ffffff;
}

#all {
	width: 100%;
	text-align: center;
	z-index: 5;
	overflow: hidden;	
}

#top {
	position: absolute;
	top: 37px;
	left:0;
	width: 100%;
	height: 85px;
	background: url('../img/bgrTop.gif');
	z-index: 1;	
}

#page {	
	position: relative;
	z-index: 5;
	top: 0;
	width: 780px;
	margin: 0px auto 0px auto;
	text-align: left;		
}

/*-----------------------------------*/
/* --  fix for float  --  */
#all:after,
#page:after,
#mainUp:after,
#mainNav:after,
#mainPhoto:after,
#slogan:after,
#mainDown	#mdLeft:after,
.item:after,
.itemBorder:after,
p.titleData:after,
#cataloque:after,
#bottomLinks:after,
#footer:after,
.catRow:after,
.articleList:after,
#mainUp #topNav:after,
#loginForm:after,
#sitemap:after
{content: ".";display:block; height: 0;clear:both;visibility:hidden;}

/* -- end  --  fix for float  --  */
/*--------------------------------------*/
/* -- global classes -- */

fieldset {margin: 0;padding: 0; border:0;}
.formContent label {display:block; float: left; height: 22px; margin-bottom: 3px;}
.formContent input, select {float: right;  margin-bottom: 3px;}
.formSubmit input.submit {margin: 0;padding: 0;float: right;}

a, a:visited {color: #5f5f5f; text-decoration: none;}
a img {border: 0;}

p {margin: 0; padding: 0;}

.left {float: left;}
.clear {clear: both;}
.normal {font-weight: normal;}

.textCenter {text-align: center;}
.justify {text-align: justify;}

.bold {font-weight: bold;}

.blue {color: #0092DD;}

h2.title {
	margin: 15px 0px 10px 0px;
	padding: 0;
	font-size: 14px;
	color: #646869;
}

h2.error {
	margin: 15px 0px 10px 0px;
	padding: 0;
	font-size: 12px;
	color: #C60000;
}

.mini {font-size: 10px;}

p.lead {margin-bottom: 25px;}

.item {clear: both; margin: 0px 0px 20px 0px; padding-bottom: 7px; }
.itemBorder {clear: both; margin: 0px 0px 20px 0px; padding-bottom: 7px; border-bottom: 1px solid #cacaca;}

	p.titleData {width:100%; float:left; margin-bottom: 7px; font-weight: bold;}
		p.titleData span.tdContent {float: left;}
		p.titleData span.data {float: right; color: #0092DD;}
		
	a.titleData, a:visited.titleData {width:100%; float:left; margin-bottom: 7px; font-weight: bold; color: #2e2e2e;}
		a.titleData span.tdContent {float: left;}
		a.titleData span.data {float: right; color: #ff6600;}

	.item div.left p, .itemBorder div.left p {text-align: justify; clear: right;}
	
	.itemImg {
		float: left;
		margin: 0px 8px 0px 0px;
		padding:1px;
	}
	
		.itemImg {vertical-align: top;}
	
	.itemImgCenter {
		margin: 0px auto 15px auto;
		padding:10px;
		text-align: center;
		border: 1px solid #CACACA;
	}

		.itemImg img,
		.itemImgCenter img {vertical-align: top;}
	
.path, .path a, .path a:visited {margin-top:5px; color: #cccccc;}	
.path a:hover {color:#999999;}

a.more, a.more:visited {width: 468px; display: block; clear: both; margin-top: 12px; text-align: right;}
/* -- end - global classess -- */
/*--------------------------------------*/
/* -- form -- */

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

.formContent label {
	display: block;
	float: left;
	margin-right: 3px;
	text-align: right;
}

.formContent input,
.formContent textarea {float: right;}

.submit {text-align: right;}


#sendToFriend .formContent {width: 465px;} 
#sendToFriend .formContent label {width: 115px;}
#sendToFriend .formContent input {width: 335px;}
#sendToFriend .formContent textarea {width: 335; height: 100px;}
#sendToFriend p.clear {width: 333px; margin-left: 130px; margin-bottom: 10px;}
#sendToFriend .submit {width: 465px;}

#editRegister {width: 480px; margin-top: 15px; float: left;}
#editRegister .formContent label {width: 120px;}
#editRegister .formContent input {width: 350px;}
#editRegister .formContent select {width: 350px;}
#editRegister .formContent p.mini {margin: 5px 0px 5px 130px;}
#editRegister .formSubmit {float: right;}

#editRegister p.login {margin: 5px 0px 5px 93px;}
#editRegister p.login span {margin-left: 7px; font-weight: bold;}


#loginForm {width: 540px; margin: 20px 0px 10px 0px; text-align: center }
#loginForm .formContent {width: 255px; margin: 20px auto 10px auto;}
#loginForm label {width: 40px;}
#loginForm .formContent input {width: 200px;}
#loginForm .formSubmit {width: 398px; float: right; padding-right: 142px; text-align: right;}
#login p {margin: 10px auto 20px auto; text-align: center;}
#login p a, #login p a:visited {color: #93c301; text-decoration: underline;}

#contactForm {width: 540px; clear: both; float: left; margin: 0px 0px 10px 0px;}
#contactForm .formContent div{width: 268px;	float: left;}
#contactForm .formContent label {width: 80px; height: 13px; clear: both; float: none; text-align: left;}
#contactForm .formContent input {width: 260px; float: left;}
#contactForm .formContent textarea {width: 260px;	height: 144px;	float: left;}
#contactForm .formSubmit {width: 530px; margin-top: 5px; text-align: right;}
/* -- end - form -- */
/*--------------------------------------*/
/* -- search form -- */

#mainUp #mainImg form {
	width: 227px;
	float: right;
	margin-top: 8px;
}

#mainUp #mainImg form fieldset {
	float: right;
	margin:0px 0px 0px 1px;
	padding: 0;
}

#mainUp #mainImg .contentSearch input {width: 160px; height: 20px; font-size: 11px; border: 1px solid #69707B;}

#mainUp #mainImg form label {color: #6F7782; vertical-align: middle;}


/* -- end search form -- */
/*--------------------------------------*/	
/* --   main Up -- */
#mainUp {
	width: 769px;	
	float: left;
	padding-bottom: 1px;
	border-bottom: 1px solid #cacaca;	
}


#mainNav {
	width: 210px;
	float: left;
	background: url(../img/bgrMainNav.gif);
	background-repeat: no-repeat;	 
	border: 1px solid #ffffff;
}

	#mainNav #logo {
		margin-bottom: 15px;
		padding-top: 5px;		
		text-align: center;
	}
	
	#mainNav #navLinks a {
		display: block;
		width: 195px;
		float: left;
		margin: 0;
		padding: 6px 0px 6px 10px;
		font-weight: bold;		
		font-size: 12px;	
		color: #646869;
		background: url(../img/bgrNavLink.gif) bottom left repeat-x;
	}
	
	#mainNav #navLinks a:hover {text-decoration: underline;}	
	
		#mainNav #navLinks a span {
			margin: 5px 0px 0px 10px;
			display: block;
			float: left;
			cursor: pointer;			
		}
		
		#mainNav #navLinks a.nobgr {background: none;}
		
	#mainUp #mainImg {
		width: 557px;
		float: left;	
	}
		
	#mainUp #topNav {	
		width: 280px;
		clear: both;
		float: right;
		margin:30px 0px 2px 0px;		
	}
	
		#mainUp #topNav p {		
			float: left;
			margin: 0px 0px 0px 10px;
		}
		
		#mainUp #topNav p img {margin: 7px 3px 0px 0px;}
	
		#mainUp #topNav a, 
		#mainUp #topNav a:visited {
			font-size: 10px;
			font-weight: bold;
			color: #ffffff;
		}
		
	#mainUp img#main {		
		float: left;
		width: 334px;
		height: 235px;
		margin:35px 0px 0px 0px;
		padding: 0;
	}
	
	
	#mainUp #slogan {
		float: left;
		width: 222px;
		height: 235px;		
		margin:35px 0px 0px 1px;
		color: #ffffff;
		background: url(../img/bgrSlogan.jpg);
		background-repeat: no-repeat;

	}
	
		#mainUp #slogan h1 {font-size: 26px; margin: 70px 0px 0px 40px; line-height: 130%;}	
		#mainUp #slogan h1 a, #mainUp #slogan h1 a:visited {color: #ffffff;}	
		#mainUp #slogan span.normal {font-size: 24px;}
		
/* -- end main Up -- */
/*--------------------------------------*/
/* --   main Down -- */
#mainDown {
	width: 770px;	
	float: left;		
}

	#mainDown	#mdLeft {
		width: 270px;
		float: left;
		margin: 0;
		padding: 0px 5px 0px 5px;
		border-right: 1px solid #cacaca;	
		line-height: 170%;	
	}
	
	#mdLeft h2.title {font-size: 11px;}	
	#mdLeft a.more {width: 95px;}
	
		#mainDown	#mdLeft div.item,
		#mainDown	#mdLeft div.itemBorder {width: 270px;}	
	
		#mainDown	#mdLeft div.item div.left,
		#mainDown	#mdLeft div.itemBorder div.left {width: 130px;}
		
	#mainDown	#mdRight {width: 465px; float: left; padding: 0px 10px 20px 10px;}
	
		#mainDown	#mdRight div.item,
		#mainDown	#mdRight div.itemBorder {width: 468px;}
	
		#mainDown	#mdRight div.item div.left,
		#mainDown	#mdRight div.itemBorder div.left {width: 292px;}
		

		#cataloque a,
		#cataloque a:visited {
			display: block;
			width: 215px;
			height: 22px;
			float: left;
			margin-right: 7px;
			margin-bottom: 10px;
			padding: 0px 0px 8px 0px;
			font-weight: bold;
			color: #93c301;
		}
		
		#cataloque a img {
			float: left;
			margin: 6px 4px 0px 0px;
		}
		
		#cataloque a span {
			display: block;
			width: 200px;
			float: left;
			cursor: pointer;
		}
			
/* -- end main Down -- */
/*--------------------------------------*/		
/* -- subpage -- main Down -- */	

	#subpage #mainDown	#mdLeft {
		width: 200px;
		float: left;
		margin: 0;
		padding: 0px 5px 0px 5px;
		border-right: 1px solid #cacaca;	
	}
	
		#subpage #mainDown	#mdLeft div.item,
		#subpage #mainDown	#mdLeft div.itemBorder {width: 210px;}	
	
		#subpage #mainDown	#mdLeft div.item div.left,
		#subpage #mainDown	#mdLeft div.itemBorder div.left {width: 130px;}
		
		#subpage #mainDown	#mdLeft a.more,  
		#subpage #mainDown #mdLeft a.more {clear: both; float: right; text-align: right; margin-top: 0px;}
		
	#subpage #mainDown	#mdRight {width: 536px; float: right; padding: 0px 10px 0px 10px;}
	
		#subpage #mainDown	#mdRight div.item,
		#subpage #mainDown	#mdRight div.itemBorder {width: 538px; float: left; margin: 4px 0px 0px 0px; }
		
		#subpage #mainDown	#mdRight div.item {margin-top: 8px; margin-bottom: 10px;}
		#subpage #mainDown	#mdRight div.itemBorder {width: 538px; margin:0; padding-bottom: 15px;}
	
		#subpage #mainDown	#mdRight div.item div.left,
		#subpage #mainDown	#mdRight div.itemBorder div.left {width: 405px; }
		
		#subpage .item {margin: 0px; padding-bottom: 0px;}		
		#subpage .item a.more,  #subpage .itemBorder a.more {width: 535px; clear: both; float: left; text-align: right; margin-top: 0px;}
		
/* -- end -- subpage -- main Down -- */
/*--------------------------------------*/		
/* --   bottom links -- */

		#bottomLinks {
			width: 770px;
			clear: both;
			float: left;			
			border-bottom: 1px solid #cacaca;	
			margin-top: -21px;
		}
		
		#bottomLinks #blLeft {width: 280px; float: left; padding-top: 20px;}
		#bottomLinks #blLeftSubpage {width: 210px; float: left;}

			
		#bottomLinks #blRight {
			margin-bottom: -1px;
			padding: 20px 0px 5px 10px;
			border-left: 1px solid #cacaca;	
			float: left;
		}
		
			#bottomLinks a {
				display: block;
				float: left;
				margin-right: 25px;
			}
		
				#bottomLinks a img {float: left;}
		
/* -- end bottom links -- */
/*--------------------------------------*/					
/* -- footer -- */

#footer {width: 770px; clear: left; padding: 5px 0px 0px 0px;}

	#footer,
	#footer a,
	#footer a:visited {color: #7f7f7f;}

	#footer #fLeft {width: 340px; float: left;}	
		#footer #fLeft p {margin: 14px 0px 0px 18px;}
	
	#footer #fRight {float: left; padding: 14px 0px 0px 0px;}	
		#footer #fRight a {margin: 0px 10px 0px 10px;}

/* -- end footer -- */
/*--------------------------------------*/		
/* -- subcategories -- */

#subCatListing {
	width: 536px;
	float: left;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cacaca;
}

p.subcategory {
	width: 170px;
	float: left;
	margin-bottom: 2px;
	padding: 1px;
}		
	
	p.subcategory img {
		float: left;
		margin: 7px 5px 0px 0px;
	}	

/* -- end subcategories -- */
/*--------------------------------------*/	
/* -- communicate -- */	

div.monit {
	width: 529px;
	clear: both;
	margin: 15px 7px 15px 0px;
	padding: 6px;
	font-weight: bold;
	background-color: #F5F5F5;
	border: 1px solid #c0c8c7;	
}

	.monit p.monit_header {
		margin: 0px 0px 6px 0px;
		text-align: left;
		color: #425E92;
	}

		.monit .monit_header img {margin-right: 5px;}		
	.monit p {margin: 3px 0px 21px 0px;	text-align: center;}

/* -- end communicate -- */
/*--------------------------------------*/	
/* -- productDetails -- */

#productDetails {
	float: left;
	margin: 15px 0px 15px 0px;
}

#productDetails h2.title {
	float: left;
	margin: 0px 0px 10px 0px;
}

#productDetails .monit {margin-top: 10px; float: left;}

#details_nav {
		clear: both;
		width: 536px;
		float: left;
		margin: 20px 0px 0px 0px;	
	}
	
	
	#details_nav a.active, #details_nav a.active:visited {
			display: block;
			float: left;
			width: 123px;			
			height: 19px;
			padding: 0px 7px 0px 7px;
			color: #687282;
			text-decoration: none;
			border: solid #cfd3d9;
			border-width: 0px 0px 0px 1px;
			background: url(../img/bgr_tab_active.gif);
		}
		
		#details_nav a:hover {
			color: #313438;
			background: url(../img/bgr_tab_hover.gif);			
		}
		
		#details_nav a.nonactive {
			display: block;
			float: left;
			width: 123px;			
			height: 19px;
			padding: 0px 7px 0px 7px;			
			text-decoration: none;
			border: solid #cfd3d9;
			border-width: 0px 0px 0px 1px;
			color: #ffffff;
			background: url(../img/bgr_tab_nonactive.gif);	
		}
		
		#details_nav img {
			float: left;
			margin-left: -4px;
		}
		
		#details_info {
		clear: both;
		float: left;
		width: 520px;
		margin: 0px;	
		padding: 7px;
		border: 1px solid #bfc3cb;
	}
	
	#description_tab table {
		padding: 5px;
		border: 1px solid #BFC3CB;
	}
	
	
	#call_form p.title {margin-bottom: 10px; margin-top: 10px;}
	
	#call_form img {margin-right: 16px; float: left;}
	
	#call_form form {clear:both;}			
	#call_form form fieldset {float: left; width: 160px;  margin: 5px 0px 5px 0px;}	
	#call_form form label {clear:both; margin-bottom: 0px; margin-right: 5px; }	
	#call_form form input {width: 160px; clear: both; float: left; margin-right: 5px; }
	#call_form form textarea {width: 450px; clear: both; float: left;}
	#call_form form .submit {width: 455px;}
	#call_form form .submit input {width: 60px; float: right; margin-top: 1px; }

#gallery {width: 500px; float: left;}
	
.gallelement {	
	height: 120px;
	float: left;
	margin: 7px;
	padding: 1px;
}

	.gallelement img {
		padding:1px;
		border: 1px solid #bfc3cb;
	}

/* -- end productDetails -- */
/*--------------------------------------*/	
/* -- articleList -- */
.articleList p {
	width: 170px;
	float: left;
	margin-bottom: 2px;
	padding: 1px;
	font-size: 12px;
}		
	
	.articleList p img {
		float: left;
		margin: 7px 5px 0px 0px;
	}	
	
	.articleList a,
	.articleList a:visited {
		display: block;
		float: left;
		color: #646869;
	}
	
	.articleList a:hover {
		text-decoration: underline;
	}
	
	.articleList p.logout a,
	.articleList p.logout a:visited {color: #0092DD;}
	
.article {
	width: 540px;
	float: left;
	margin: 0px 0px 25px 0px;	
}

.article div.shortInfo {margin-bottom: 15px;}

	.article div.img {
		float: left;
		margin: 0px 8px 0px 0px;
		padding:1px;
		border: 1px solid #505050;
	}
	
		.article div.img img {
			vertical-align: top;
		}
	
.article div.clear {float: left;}

#contactBox {
	width: 190x;	
	float: left;
	margin: 25px 0px 10px 0px;
	border: 1px solid #CACACA;
	padding: 8px;
}

	#contactBox img {
		float: left;
		margin: 3px 5px 0px 0px;
		border: 1px solid #CACACA;
	}

	#contactBox p {
		float: left;
		width: 130px;
		font-size: 11px;
		line-height: 140%;
	}

p.contactInfo {
	float: right;
	font-size: 11px;
	margin-bottom: 10px;
	width: 142px;
}
	
#contact div.img img  {vertical-align: top;}
#contact .shortDesc {float: left; margin-left: 40px;}
#contact #form {
	width: 535px;
	clear: both;
	float: left;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #cacaca;	
}

	#contact #form	h2 {
		margin-top: 25px;
	}


/* -- end articleList -- */
/*--------------------------------------*/	
/* -- site map -- */

#sitemap {margin-bottom: 30px;}
#sitemap .left {width: 49%;}

#sitemap p.title {
	margin-top: 15px;
	font-size: 12px;
	font-weight: bold;
}

	#sitemap p.title a,
	#sitemap p.title a:visited {
		color: #000000;
	}

#sitemap p.mapItem {
	margin: 3px 0px 3px 7px;
}
	
	#sitemap p.mapItem img {
		float: left;
		margin: 6px 3px 0px 0px;
	}

/* -- end site map -- */
/*--------------------------------------*/	

#pagination table {
	margin-bottom: 20px;
	font-size: 11px;
}

#account h2.title {width: 150px; float: left;}
#account p.lastLogin {width: 180px; float: right; margin: 15px 0px 10px 0px;}
#account_nav {clear: both; margin: 15px 0px 30px 0px;}

.user_info {margin-bottom: 15px; float: left;}
.user_info p.label {
	width: 115px;
	float: left;
	margin: 5px 0px 5px 0px;
	border-bottom: 1px solid #EFEFEF;
}

.user_info p.content {
	width:422px;
	float: right;
	margin: 5px 0px 5px 0px;
	font-weight: bold;
	border-bottom: 1px solid #EFEFEF;
}

#maker {
	width: 769px;	
	margin: auto;
	text-align: center;
	color: #977F7F;
}

#maker p a, #maker p a:visited {
	color: #977F7F;
}

div.tv1 {
	clear: none;
	width: 120px;
	overflow: hidden;
	margin: 17px 0px 0px 35px;
	padding: 2px;
	border: 1px solid #bfc3cb;
}

	div.tv1 img {
		vertical-align: top;
	}

div.tv2 {position: relative; top: 0; left: 0; width: 120px; height: 93px; overflow: hidden; text-align: center;}

div.tv {filter: alpha(opacity=99); display: none; position: absolute; top: 0; left: 0; z-index: 2; text-align: center;}