/*
----------
- common -
----------
*/


html
{
	margin:		0;
	padding:	0;
}

body {
	text-align:	center;
	background:	#ffffff;	
	
	margin:		0;
	padding:	0;
}

div, p, h1, h2, h3, h4, h5, h6 {
	margin:				0px;
	padding:			0px;	
	border:				0px;
}

p {
	padding-bottom:		12px;
	margin-left:		2px;
}

p, div, h1, h2, h3, h4, h5, h6 {
	color:				#232323;
	font-family: 		Verdana, Arial, "lucida console", sans-serif;
	font-size:			11px;
	font-style:			normal;
	font-variant:		normal;
	font-weight:		normal;
	line-height:		18px;
	text-align:			left;
}

h1
{
	font-size:			30px;
	padding-bottom:		26px;
}

h2
{
	color:				#c00100;
	font-size:			22px;
	padding-bottom:		4px;
}

h3
{
	color:				#c00100;
	font-size:			18px;
	padding-bottom:		0px;
}

h4
{
	font-size:			13px;
	padding-bottom:		13px;
}

h5
{
	color:				#c00100;
	font-weight:		bold;
	padding-bottom:		0px;
	padding-left:		2px;
}

h6
{
	margin-top:			-33px;
	font-style:			italic;
	text-align:			center;
	width:				80%;
	margin-left:		auto;
	margin-right:		auto;	
}

img {
	border:	0px;
	margin: 0px;
	padding:	0px;
}

br
{
	clear:both;
}

a:link, a:active, a:visited
{
	color:#232323;
	text-decoration:underline;
}

a:hover
{
	color:#830909;
	text-decoration:underline;
}

hr
{
	width: 			100%;
	height: 		1px;
	margin-top:		15px;
	margin-bottom:	22px;
	
	clear:		both;
	color: 		#cecece;
	border-style:solid none none;		
}

div.clear_float
{
	height:		1px;
	clear:		both;
}

/*
-------------
- structure -
-------------
*/

div.wrap {
	text-align:		left;
	width:			967px;
	
	margin-left: 	auto;
	margin-right:	auto;
	
	margin-top:		20px;
}

#menu {
	float:			left;
	width:			967px;
	height:			57px;
	
	background-image: 	url(../img/main_logo.png);
	background-repeat: 	no-repeat;
}

#main_img
{
	float:				left;

	width:				100%;
	height:				240px;
	padding-bottom:		1px;
	background-repeat:	no-repeat;
}

#content {
	float:			left;
	position:		relative;
	text-align:		left;
	width:			966px;	
	
	background-image:	url(../img/page_content_back.png);
	background-repeat:	repeat-x;
}

#footer
{
	float:			left;
	width:			967px;
	height:			29px;
	background-image: url(../img/footer_back.gif);
	background-repeat: no-repeat;
}

#footer p
{
	padding-top:	5px;
	
	font-size:		10px;
	color:			#dedede;
	font-family: 	Verdana, Arial, "lucida console", sans-serif;
	float:			left;
}


#footer p.copy
{
	padding-left:	10px;
	width:			200px;
}

#footer p.address
{
	width:			540px;
	text-align:		center;	
}


/*
-------
- nav -
-------
*/

#menu_nav
{
	margin:			0px;
	padding:		0px;
	height:			15px;
	
	margin-top:		36px;
}

#menu_nav li
{
	height:			15px;
	margin:			0px;
	padding:		0px;
	padding-left:	0px;
	
	float:			right;	
	display:		block;
	
	list-style-image:	none;
	list-style-position:outside;
	list-style-type:	none;
	
	font-size: 			0px;
	text-decoration: 	none;
	text-indent:		9999px;
	overflow:			hidden;
	
	background-image:		url(../img/menu_dot.png);
	background-repeat: 		no-repeat;
	background-position:	11px 3px;
}

#menu_nav li a
{
	padding:		0px;
	
	margin-left:	30px;
	
	display:		block;
	height:			15px;
	overflow:		hidden;
	
	background-repeat: no-repeat;
	background-position:	0px 0px;
}

#nav_0 
{
	width:		44px;
}
#menu_nav a.first
{
	margin-left:	0px;
}

#nav_0 a, #nav_0 a:visited
{
	background-image:	url(../img/menu_0.png);
}
#nav_0 a:hover, #body_front #nav_0 a, #body_front #nav_0 a:visited
{
	background-position:	0px -15px;
}


#nav_1 
{
	width:		75px;
}
#nav_1 a, #nav_1 a:visited
{	
	background-image:	url(../img/menu_1.png);
}
#nav_1 a:hover, #body_news #nav_1 a, #body_news #nav_1 a:visited
{
	background-position:	0px -15px;
}


#nav_2 
{
	width:		88px;
}
#nav_2 a, #nav_2 a:visited
{
	background-image:	url(../img/menu_2.png);
}
#nav_2 a:hover, #body_products #nav_2 a, #body_products #nav_2 a:visited
{
	background-position:	0px -15px;
}

#nav_3
{
	width:		119px;
}
#nav_3 a, #nav_3 a:visited
{
	background-image:	url(../img/menu_3.png);
}
#nav_3 a:hover, #body_resellers #nav_3 a, #body_resellers #nav_3 a:visited
{
	background-position:	0px -15px;
}


#nav_4
{
	width:		112px;
}
#nav_4 a, #nav_4 a:visited
{
	background-image:	url(../img/menu_4.png);
}
#nav_4 a:hover, #body_contact #nav_4 a, #body_contact #nav_4 a:visited
{
	background-position:	0px -15px;
}

/*
---------
- front -
---------
*/
#body_front #main_img
{
	height:				369px;
	background-image:	url(../img/front_main_image.jpg)
}

#body_front div.content_text
{
	float:		left;
	width:		602px;
	
	background-image:		url(../img/front_separator.png);
	background-position:	600px 0px;
	background-repeat:		no-repeat;
}

#body_front div div.texts
{
	padding:	23px 23px 20px 23px;
}

#body_front div.content_text_news
{
	float:		left;
	width:		360px;
}

tr
{
	vertical-align:	top;
}

td
{
	vertical-align: top;
}



/*
------------
- subpages -
------------
*/

div.sub_content
{
	margin-left:	40px;
	padding-top:	42px;
	
	width:			910px;
}

h1.subpage_title
{
	width:	100%;
	float:	left;
}

div.text_image
{
	padding-top:	30px;
	padding-bottom:	40px;
	text-align:		center;
}

tbody, table
{
	padding-top:	5px;
}


/*
--------
- news -
--------
*/

#body_news #main_img
{
	background-image:	url(../img/news_main_image.jpg)
}

#body_news div.content_left
{
	float:			left;
	padding-right:	40px;
	width:			550px;	
}

#body_news div.sub_content
{
	background-image:		url(../img/vertical_separator.png);
	background-position:	600px 0px;
	background-repeat:		repeat-y;
}

#body_news div.content_right
{
	float:			left;
	width:			265px;
	padding-left:	40px;
}

#body_news div.content_right h3
{
	padding-bottom: 20px;
}

div.news_but
{
	width:			265px;
	float:			left;
	margin-bottom:	2px;
	
	background-image:		url(../img/horizontal_separator.png);
	background-position:	left bottom;
	background-repeat:		no-repeat;
}

div.news_but p
{
	width:		265px;
	padding:	0;
	margin:		10px 0px 13px 0px;
}

div.news_but a
{
	width:		265px;
	text-decoration:	none;
}

div.news_but a:hover
{
	text-decoration:	underline;
}

/*
------------
- products -
------------
*/

#body_products #main_img
{
	background-image:	url(../img/products_main_image.jpg)
}

#body_products div.content_left
{
	float:			left;
	padding-right:	40px;
	width:			560px;	
}

#body_products div.sub_content
{
	background-image:		url(../img/vertical_separator.png);
	background-position:	610px 0px;
	background-repeat:		repeat-y;
}

#body_products div.content_right
{
	float:			left;
	width:			255px;
	padding-left:	40px;
}

#body_products div.content_left h3
{
	padding-bottom: 20px;
}

#body_products div.content_right h3
{
	padding-bottom: 20px;
}

div.category
{
	width:			238px;
	background-color:		transparent;
}

div.category div
{
	width:			238px;
	background-color:		transparent;
}


div.category div.brands div 
{
	background-image:		url(../img/product_menu_line.png);
	padding-left:			18px;
	width:					220px;
	background-repeat:		repeat-y;
	background-position:	2px 0px;	
}

#body_products div.menu_last
{
	background-repeat:		no-repeat;
	background-color:		transparent;
}

#body_products p.menu_normal a
{
	color:			#939393;
}

#body_products p.menu_selected a
{
	color:			#c00100;
}

/*
-------------
- resellers -
-------------
*/

#body_resellers #main_img
{
	background-image:	url(../img/resellers_main_image.jpg);
	height:				270px;
}

#body_resellers div.reseller
{
	padding:		20px;
	padding-top:	18px;
	margin-bottom:	20px;
	
	background-image:	url(../img/reseller_back.png);
	background-repeat:	no-repeat;
	
	float:	left;
}

#body_resellers h3
{
	width:	415px;
}

#body_resellers div.reseller div
{
	width:			178px;
	padding-right:	20px;
	float:	left;
}

#body_resellers div.reseller p
{
	width:	175px;
	float:	left;
	padding: 0;
	margin: 0;
	
/*	color:	#ffffff;*/
}

#body_resellers div.reseller div p
{
	float:				none;
	padding-bottom:		0;
}

#body_resellers a
{
/*	color:	#ffffff;*/
	text-decoration:	none;
}

#body_resellers a:hover
{
	text-decoration:	underline;
}


/*
-----------
- contact -
-----------
*/

#body_contact div.content_left
{
	float:	left;
	
	padding:	1px;
	background-color:#999999;
}

#body_contact div.content_right
{
	float:	left;
	padding-left:	40px;
}


#body_contact #main_img
{
	background-image:	url(../img/resellers_main_image.jpg);
	height:				270px;
}

#body_contact #map
{
	width:	500px;
	height:	300px;
}