body {
	margin: 1px auto 10px auto;
	text-align: center;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	line-height: 150%;
	color: #2e2e2e;
}

p {margin: 0; padding: 0;}

#all {
	width: 100%;
	text-align: center;
	z-index: 9;
}

#top {
	display: none;
}

#page {	
	position: relative;
	z-index: 9;
	top: 0;
	width: 780px;
	margin: 0px auto 0px auto;
	text-align: left;		
}

/*-----------------------------------*/
/* --  fix for float  --  */
#all:after,
#page:after,
.item:after,
.itemBorder:after,
p.titleData:after,
#cataloque:after,
#bottomLinks:after,
#footer:after,
.catRow:after,
.articleList:after,
#mainUp #topNav: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: #505050;

}

.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;
			border: 1px solid #bfc3cb;
	}
	
	.itemImgCenter {
		margin: 0px auto 15px auto;
		padding:3px;
		text-align: center;
		border: 1px solid #505050;
	}

		.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: 465px;}
#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;}


/* -- end - form -- */
/*--------------------------------------*/	
/* --   main Up -- */
	#mainUp {display: none;}
/* -- end main Up -- */
/*--------------------------------------*/
/* --   main Down -- */
#mainDown {
	display:table; /* must put this in for FireFox. */
	width: 770px;	
	height:40px; /* Have to put SOMETHING in here for the height for both browser. DO NOT put in a percentage, must be a pixel value */
	float: left;		
}

	#mdLeft {	display: none;}
	#mdLeft h2, #mdLeft p, #mdLeft div, #mdLeft span {display: none;}
	
	#mainDown	#mdRight {width: 465px; height: 100%; float: left; padding: 0px 10px 0px 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;
			padding: 0px 0px 8px 0px;
			font-weight: bold;
			color: 588300;
		}
		
		#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	#mdRight {width: 536px; height: 100%; float: left; 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 {display: none;}
		
/* -- end bottom links -- */
/*--------------------------------------*/					
/* -- footer -- */

#footer {width: 770px; clear: both; padding: 5px 0px 0px 0px; display: none;}



/* -- 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;
}

#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;
	}
	
	
	#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; }
	
.gallelement {
	height: 150px;
	float: left;
	margin: 7px;
	padding: 1px;
}

/* -- 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 {
		display: block;
		float: left;
	}
	
.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.clear {
	float: left;
}


/* -- end articleList -- */
/*--------------------------------------*/	
/* -- site map -- */

#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 -- */
/*--------------------------------------*/	
/* -- printHeader -- */

#printHeader {
	width: 550px;
	float: left;
	margin-bottom: 7px;
	padding-bottom: 3px;
	border-bottom: 1px solid #bfc3cb;
}

#printHeader p {
	margin: 13px 0px 0px 6px;
	font-size: 14px;
}

#printFooter {
	width: 550px;
	float: left;
	margin-top: 7px;
	padding-top: 3px;
	border-top: 1px solid #bfc3cb;
}

#printFooter p {
	width: 190px;
	float: left;
	clear: none;

	padding-top: 3px;
	font-size: 10px;
}

#printFooter #maker {
	width: 360px;
	float: left;
	clear: none;
	text-align: right;
}

/* -- end printHeader -- */
/*--------------------------------------*/	

#pagination table {
	margin-bottom: 20px;
	font-size: 11px;
}
