body, html {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: transparent url("../images/bg.gif") top;
	COLOR: #575757;
    font-size: 12px;
	background-color: #FFFFFF;
	text-align: center; /*** Centers the design in old IE versions ***/
	padding: 0;
	margin: 0;
	width: 100%;
	height: 95%; /* needed for container min-height */
}

	body {
		min-width: 1024px;
	}
	
a {
	color: #374a90;
	text-decoration: underline;
}

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


/* ************************************************************** */
/* CONTAINER                                                      */
/* ************************************************************** */

div#Container {
	background: transparent url("../images/bg_main.gif");
	text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
	margin: 0 auto; /* Centers the design, not in IE5 */
	width: 955px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin-top: 0px;
}

* html div#Container {
	height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

/* ************************************************************** */
/* FORMS	                                                      */
/* ************************************************************** */
form, p {
	margin: 0;
	padding: 0;
}

form.brands {
	padding: 10px 10px 10px 40px;
}

/* ************************************************************** */
/* TOP                                                            */
/* ************************************************************** */
div#Top {
	background: transparent url("../images/bg_top.gif") top;
	height: 104px;
	background-color: #fff;		
}
div#Logo {
	float: left;
	width: 285px;
	height: 84px;	
	text-align: right;
	padding-top: 25px;
}
div#LangMenu {
	float: left;
	width: 85px;
	height: 104px;
	font-size: 11px;
	text-align: right;
	padding-top: 15px;
	padding-right: 5px;
}

div#TopMenus {
	float: left;
	width: 580px;
	margin: 0px 0px 0px 0px;	
	z-index: 10000;
}

div#TopMenu {
	float: left;
	padding-left: 30px;
	width: 550px;
	height: 30px;	
}

div#ShopmenuPlace{
	width: 550px;
	text-align: right;	
	font-size: 11px;
	float: right;
	padding-right: 30px;
	height: 60px;
}

div#Shopmenu{
	float: right;	
	margin: 15px 5px 5px 5px;
}

div#Shopmenu a {
	color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;			
	border-left: 3px solid #092d6b;
	text-decoration: none;	
}
div#Shopmenu a:hover {
	color: #092d6b;
	text-decoration: none;	
}


/* ************************************************************** */
/* MAIN CONTENT 					                                  */
/* ************************************************************** */

div#MainContent {
	width: 955px;
	margin-top: 10px;
	float: left;
	margin: 0;
	padding: 0;
}




/* ************************************************************** */
/* LEFT DATA                                                     */
/* ************************************************************** */

div#Leftdataplace {
	width: 250px;
	float: left;
	display:table-cell;
	padding: 0 0 0 40px;
	margin: 0;
}


div.SubMenuHeader {
	background: transparent url("../images/bg_submenu.gif")  no-repeat;
	float: left;
	text-align:left;
	width: 220px;
	color: #ffffff;
	padding: 8px 0 0 30px;
	font-weight: bold;
	height: 24px;	
	font-size: 12px;	
}

div.SubMenuHeader h3{
	font-size: 12px;	
}

/* ************************************************************** */
/* SUBMENU                                                        */
/* ************************************************************** */


div.SubMenu {
	padding: 8px 0 0 10px;
	float: left;
	text-align:left;
	width: 225px;
	color: #fff;
}

div.SubMenu ul {
	list-style: none;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 5px;		
	padding: 0 0 0 0;
}

div.SubMenu ul li {
	font-size: 11px;
	margin-bottom: 5px;
	margin-right: 5px;		
	border-bottom: 2px solid #5d9cc8;
	padding: 0 0 0 18px;
	line-height: 20px;		
}

div.SubMenu ul li a {
	font-size: 11px;
	font-weight: normal;	
	color: #575757;
	text-decoration: none;
}

div.SubMenu ul li a:hover {
	color: #c5554b;
}

/* ************************************************************** */
/* SUBMENU THEME                                                  */
/* ************************************************************** */

div.SubMenu ul li {
	background: transparent url("../images/submenu_main.gif")  no-repeat;
	border-top-style: solid;
}



/* ************************************************************** */
/* SUBMENU                                                        */
/* ************************************************************** */

div.Sub {
	float: left;
	text-align:left;
	width: 230px;
	color: #575757;
}

div.Sub ul {
	list-style: none;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 5px;		
	padding: 0 0 0 0;
}


div.Sub ul li {
	font-size: 11px;
	margin-bottom: 0px;
	margin-right: 5px;	
	padding: 0 0 0 15px;
	border: 0;	
	line-height: 12px;			
}

div.Sub ul li a {
	font-size: 11px;
	font-weight: normal;	
	color: #575757;
	text-decoration: none;
}

div.Sub ul li a:hover {
	color: #c5554b;
}

div.Sub ul li {
	background: transparent url("../images/submenu_sub.gif") no-repeat;
}


/* ************************************************************** */
/* downloadmenu                                                        */
/* ************************************************************** */


div.downloadmenu {
	padding: 8px 0 0 10px;
	float: left;
	text-align:left;
	width: 225px;
	color: #fff;
}

div.downloadmenu ul {
	list-style: none;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 5px;		
	padding: 0 0 0 0;
}

div.downloadmenu ul li {
	font-size: 11px;
	margin-bottom: 5px;
	margin-right: 5px;		
	padding: 0 0 0 18px;
	line-height: 20px;		
}

div.downloadmenu ul li a {
	font-size: 11px;
	font-weight: normal;	
	color: #575757;
	text-decoration: none;
}

div.downloadmenu ul li a:hover {
	color: #c5554b;
}

/* ************************************************************** */
/* downloadmenu THEME                                                  */
/* ************************************************************** */

div.downloadmenu ul li {
	background: transparent url("../images/submenu_main.gif")  no-repeat;
}


/* ************************************************************** */
/* line                                                    */
/* ************************************************************** */

br.Clearline, 
div.Clearline {
	font-size: 0px;
	line-height: 0px;
	display: block;
	clear: both;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 0px;
}

div.Clearline15 {
	font-size: 0px;
	line-height: 0px;
	display: block;
	clear: both;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 5px;
}


/* ************************************************************** */
/* MAIN DATA                                                        */
/* ************************************************************** */

div#Maindataplace {
	width: 580px;
	float: left;
	margin: 5px 20px 0 50px;
	padding: 0;
}


/* ************************************************************** */
/* MAIN HEADER 					                                  */
/* ************************************************************** */

div#MainHeader {
	width: 550px;
	margin-top: 0px;
	float: right;
	text-align: center;
	display:table-cell;
	margin: 0;
	padding: 0;
	z-index: 0;
}


/* ************************************************************** */
/* Data		 				                                      */
/* ************************************************************** */


div.DataHeader {
	width: 530px;
	margin: 5px 20px 0 30px;
	padding: 5px 5px 5px 5px;	
	color: #5d9cc8;
	font-weight: bold;
    font-size: 12px;	
	vertical-align:middle;
	border-bottom: 2px solid #5d9cc8;
/*	border-top: 3px dotted #5d9cc8;	*/
}

div.DataHeader h1 {
    font-size: 12px;	
}

div.DataHeader a {
	color: #5d9cc8;
	text-decoration: none;
}


div.morefiles {
	width: 530px;
	margin: 5px 20px 0 30px;
	padding: 5px 5px 5px 5px;	
	color: #5d9cc8;
	font-weight: bold;
    font-size: 11px;	
	vertical-align:middle;
	border-bottom: 2px solid #5d9cc8;
/*	border-top: 3px dotted #5d9cc8;	*/
}

div.breadcrumb {
	width: 530px;
	margin: 5px 20px 0 30px;
	padding: 5px 5px 5px 5px;	
	color: #5d9cc8;
	font-weight: bold;
    font-size: 10px;	
	vertical-align:middle;
	border-bottom: 2px solid #5d9cc8;
/*	border-top: 3px dotted #5d9cc8;	*/
}


div.breadcrumb a {
	color: #5d9cc8;
	text-decoration: none;
}



div.Data {
	margin: 5px 20px 0 30px;
	padding: 5px 5px 5px 5px;	
	text-align: justify;	
}

div#ProductTitle {
	float: left;
	width: 300px;
	text-align: left;
	margin: 5px 20px 0 0px;
	padding: 5px 5px 5px 5px;	
	color: #5d9cc8;
	font-size: 12px;
	font-weight: bold;	
	letter-spacing: 1px;	
}

div#ProductTitle h2{
	font-size: 12px;
}

div#BrandImage {
	float: left;
	width: 100px;
	margin: 5px 5px 0 30px;
	padding: 5px 5px 5px 5px;	
	text-align: right;
}

div.title{
	color: #5d9cc8;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0;	
	margin: 0;		
	border-bottom: 2px solid #5d9cc8;	
}

div.BrandTitle{
	color: #5d9cc8;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0;	
	margin: 0;		
	text-align: right;
}
div#TextData {
	float: left;
	width: 350px;
	line-height: 1.5em;
	text-align: justify;
	margin: 5px 5px 0 30px;	
	padding: 5px 5px 5px 5px;	
}
div#DataImg {
	float: right;
	width: 150px;
	margin: 5px 20px 0 0px;
	padding: 5px 5px 5px 5px;	
	text-align: center;	
}


div#ProductImg {
	float: left;
	width: 290px;
	margin: 5px 5px 0 10px;	
	padding: 5px;	
}
div#ProductTxt {
	float: right;
	width: 190px;
	margin: 5px 5px 0 0px;
	padding: 25px 5px 5px 5px;
	text-align: left;	
}



div#IndexData {
	width: 530px;
	margin: 5px 20px 0 30px;
	padding: 5px 5px 5px 5px;	
}

div#LeftIndex {
	float: left;
	width: 310px;	
	padding: 0px 5px 0px 0px;
}

div#RightIndex {
	float: right;
	width: 310px;	
	padding: 0px 0px 0px 5px;
}

div#Offers {
	width: 310px;
}
div#News {
	width: 310px;
}

div#Catalogue {
	width: 310px;
}


input
{
	color: #575757;
    border: #b3b3b3 1px solid;	
    background-color: #E5E5E5;
	font-size: 12px;
	padding: 2px;
}

.radio
{
	font-size: 10px;
    border: 0;	
    background: transparent;
}

select
{
	font-size: 10px;
	color: #575757;	
    border: #b3b3b3 1px solid;	
    background-color: #E5E5E5;
}
textarea
{
	font-size: 12px;
	color: #575757;	
	width: 350px;
    border: #b3b3b3 1px solid;	
    background-color: #E5E5E5;
}

.checkbox
{
    border: 0;	
    background-color: #E5E5E5;
}



/* ************************************************************** */
/* Bottom                                                         */
/* ************************************************************** */
div#Bottom {
	background-color: #fff;
	text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
	margin: 0 auto; /* Centers the design, not in IE5 */	
	width: 955px;
	height: 45px;
	margin-top: 0px;
}


/* ************************************************************** */
/* CopyRight 			                                          */
/* ************************************************************** */


div#CopyRight {
	color: #ffffff;
	float: left;
	width: 935px;
	height: 42px;
	padding: 11px 10px 10px 11px;	
	text-align:center;
	font-size: 10px;
	background: transparent url("../images/bg_copyright.gif") no-repeat;
}


div#CopyRight a{
	color: #ffffff;
}




/* ************************************************************** */
/* PRODUCT LIST                                                        */
/* ************************************************************** */


div.ProductList {
	padding: 8px 0 0 10px;
	float: left;
	text-align:left;
	width: 450px;
	color: #fff;
}

div.ProductList ul {
	list-style: none;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 5px;		
	padding: 0 0 0 0;
}

div.ProductList ul li {
	font-size: 11px;
	margin-bottom: 5px;
	margin-right: 5px;		
	border-bottom: 2px solid #5d9cc8;
	padding: 0 0 0 18px;
	line-height: 20px;		
}

div.ProductList ul li a {
	font-size: 11px;
	font-weight: normal;	
	color: #575757;
	text-decoration: none;
}

div.ProductList ul li a:hover {
	color: #c5554b;
}

/* ************************************************************** */
/* ProductList THEME                                                  */
/* ************************************************************** */

div.ProductList ul li {
	background: transparent url("../images/submenu_main.gif")  no-repeat;
}


a.pathlink  {text-decoration: none;}
a:hover.pathlink  {text-decoration: underline;}




/******************* THICKBOX ***********************/
*{padding: 0; margin: 0;}
#TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333;}
#TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666666;}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_overlay {position: fixed;z-index:10000 !important;top: 0px;left: 0px;height:100%;width:100%;}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}
* html #TB_overlay { /* ie6 hack */position: absolute;     
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window {position: fixed;background: #fff;z-index: 1020000 !important;color:#000000;display:none;border: 4px solid #525252;text-align:left;top:50%;left:50%;}
* html #TB_window { /* ie6 hack */position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image {border:0;display:block;	
	margin: 30px 90px 5px 30px;} /* position the image at the center of the box. Calculate roughly the values (divide by 2) from 
							this line in the thickbox.js TB_WIDTH = imageWidth + 60; The height doesn't work like that because you need 
							to calculate the caption at the bottom */	

#TB_caption{height:50px;padding:7px 30px 0px 25px;margin-bottom:10px; /* so that the bottom navigation doesn't go outside the box */float:left;}
#TB_secondLine{height:25px;padding:5px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#e8e8e8;height:27px;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;	_margin-bottom:1px;}
/************************ END THICKBOX ***********************/


.label { width: 130px; padding: 3px;  background: #93B7FF;   border: #b3b3b3 1px solid;	 }
.contactform input{ width: 200px; padding: 3px; }
.submitform input{ width: 100px; padding: 3px; margin: 2px }

.details_moreimages{
	float:left; width:80px; padding:5px;}

.supplier_list{
	float:left; width:160px; padding:5px;}

.supplier_logo{
	padding:5px; text-align:center;height:70px;}

.supplier_name{
	padding:0 5px; text-align:center;}


.bluetitle {
	color: #5d9cc8;
	font-weight: bold;
    font-size: 12px;	
}


.formleft {width: 150px; background: #5d9cc8; padding: 5px; color: #fff;}
.formright {background: #5d9cc8; padding: 5px;}