html, body {height: 100%; width: 100%; margin: 0; padding: 0; text-align: center; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;
	font-size: 11px; line-height: 16px;
}

body {color: #000000; background: url(bg.jpg) repeat-x #999999; background-attachment: scroll; }
a { color: #000000; text-decoration: none; outline: none;}
/*a:-moz-any-link:focus {  outline: none; }*/
a:hover { color: #666666 }

div.clearer {clear: left; line-height: 0px; height: 0px;}


.maincontainer {padding: 0px;	margin-right: auto;	margin-left: auto;	width: 960px; height: 100%;	display: block; 
background-image: url(maincontainer-bg.jpg);
background-repeat: repeat-y;
background-color: #eeeeee;
}

/* head */
.logo1 {padding: 0px; margin: 0px;width: 960px; height: 25px;	text-align: left; 	font-family: Arial, Helvetica, sans-serif; font-weight: bold;	font-size: 11px; line-height: 25px;}
.logo2 {width: 960px; height: 40px;	text-align: left; padding: 0px; margin: 0px;}
.flags { float: right; padding-right: 15px }
.flags a img {margin: 4px 5px 0px 0px; border: 0px solid #666666;}
.flags a:hover img { border: 0px solid #ffffff;}

/* header */
.header { background: url(bg.jpg) repeat-x #999999; }
.menu {float: left;	width: 200px; height: 166px; background-image: url(leftmenu-bg.jpg)}
.menu .type1 a{float: left; background-image: url(leftmenu-type1-bg.jpg)} .menu .type1 a:hover { background-color: #BCBCBC}
.menu .type2 a{float: left;background-image: url(leftmenu-type2-bg.jpg)} .menu .type2 a:hover { background-color: #BCBCBC}
.menu .type3 a{float: left;background-image: url(leftmenu-type3-bg.jpg)} .menu .type3 a:hover { background-color: #BCBCBC}
.catpic {float: right;	width: 760px; height: 166px;}
.catbutton {	width: 200px; height: 30px;}
.catbutton a {	padding-left: 25px;	color: #333333;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight: bold;	font-size: 14px;	line-height: 30px;	text-decoration: none;}
.catbutton a:hover { color: #666666; }

/* content */
.content{	float: left;	margin: 0px; padding: 0px;	width: 960px; height: auto;	}
.content{ background-color:#eeeeee; background-image: url(content-bg.png); background-repeat:repeat-y;}
.content .left {	float: left; height: auto; 	width: 200px !important; /*moz width*/	width: 200px; /*IE width*/  	margin: 0px; 	padding: 0px;	text-align: left;}

.content hr {  border: 0; height: 1px; background-color:#999999; }

/* rigth */
.rightpad { padding: 0px 20px 10px 15px; }
.right { color: #333333; text-align: left;	float: right; height: auto;	width: 760px !important; /*moz width*/	width: 760px; /*IE width*/  	margin: 0px; 	padding: 0px;		background-image: url(right-bg.png);	background-repeat: repeat-y;}
.right a { color: #000000; text-decoration: none;}
.right a:hover { color: #666666 }
.right h1 {text-align: left;	font-family: Arial, Helvetica, sans-serif;	font-weight: bold;	font-size: 25px;	line-height: 35px;	color:#333333; background-color: transparent;	padding: 10px 0px;	margin: 0px;}
.right h2 {text-align: left;	font-family: Arial, Helvetica, sans-serif;	font-weight: bold;	font-size: 18px;	line-height: 25px;	color:#555555; background-color: transparent;	padding: 0px;	margin: 0px;}
.backtop {clear: both; text-align: right; font-size: 12px; font-weight: bold; padding: 10px 10px;  }
.error {background-color:#990000;color: #ffffff;font-weight: bold;font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 14px;padding: 5px;}
.info {background-color:#ffffff;color: #000000; font-weight: bold;font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 14px;padding: 5px;}

/* bottom */
.bottom {	float: left;  padding-right: 0px; padding-top: 15px;	width: 960px; height: 30px;	background-image: url(bottom-bg.jpg);	background-repeat: no-repeat}

/* treepath */
div.treepath {text-align: left;	margin: 0px;	padding: 0px;}
div.treepath ul {margin: 0px;	padding: 0px;	white-space: nowrap;}
div.treepath li {	list-style: none;	display: inline;	padding-left: 10px;	padding-right: 10px;	cursor: pointer; background: url(treepath-bullet.png)  center left no-repeat;}
div.treepath li a {		color:#333333; text-decoration: none; 	padding: 0px;	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	line-height: 25px;}
div.treepath li a:hover {color: #666666; }

/* searchbox */
.searchbox {}
.searchbox form {padding:0px; margin:0px;}
.searchbox input { background-color: #ffffff; border: #aaaaaa solid 1px; font-family: Arial; font-size: 12px;}
.searchbox .submit { font-family: Arial; font-size: 12px; }
.main_searchcontainer { background-color:#eeeeee; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; 
padding: 5px; float: left; margin: 30px 30px 20px 30px;  display: block; }
.main_alertcontainer {
	position: relative;
	left:30px;
	top: 20px;
	background-color:#007700;
	border: 1px solid #005500;
	filter:alpha(opacity=80); color: #ffffff; opacity: 0.8; -moz-opacity:0.8;
	padding: 10px; 
	width: 475px;
	clear: left;
}
.main_alertbox {width: 450px;text-align: left; font-size: 14px; line-height: 22px; font-weight: normal;}
.main_alertbox .small {font-size: 12px; line-height: 20px;}

/* product list */
.prodlist {	margin: 0px;	padding: 0px;	border-width: 0px;	border-color: #999999; 	border-style: solid;}
.prodlist .nav {	color: #2B271E;	background-color: #cccccc;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	line-height: 30px;	text-align: center;	/* border-bottom: 1px solid #999999; */	}
.prodlist .nav a, .prodlist .nav .selected {	color: #2B271E; text-decoration: none; padding: 0px 3px; }
.prodlist .nav .selected { font-size: 14px; font-weight: bold; text-decoration: underline; }
.prodlist .nav a:hover { color: #666666 }
.prodlist .nav .selected{ font-weight: bold; }
.prodlist .row { margin: 10px; padding-bottom: 10px; 	border-bottom: 1px dotted #999999;	}
.prodlist .row .pic { width: 200px; text-align: center; float: left; margin: 0px; padding: 0px 13px 0px 0px; }
.prodlist .row .pic a img { border: 1px solid #999999; }
.prodlist .row .pic a:hover img { border: 1px solid #000000; }
.prodlist .row .data { width: 475px; float: left; padding-left: 15px;}

/*product detail*/
.proddetail {	}
.proddetail .row {	}
.proddetail .row .pic { width: 350px; float: left; margin: 0px; padding: 0px 15px 0px 0px; }
.proddetail .row .pic a img { border: 1px solid #666666; margin-bottom: 15px; }
.proddetail .row .pic a:hover img { border: 1px solid #ffffff; }
.proddetail .row .data { width: 335px; float: left; background-color: #ffffff; padding: 10px; border: 1px solid #999999;}


/* product */
.prodcode { color: #666666; padding: 0px; margin: 0px; font-family:Arial, Helvetica, sans-serif;  margin: 0px 0px 5px 0px ; font-size: 12px; font-weight: bold; text-align: left; line-height:12px; }
.prodcodeBalla {font-size: 14px; font-weight: bold; line-height: 16px;}
.prodname { border: 1px solid #eeeeee; color: #333333; background-color: #dddddd; padding: 5px; margin: 5px 0px 5px 0px ; font-family:Arial, Helvetica, sans-serif; font-size: 16px; line-height: 22px; font-weight: bold; text-align: left}
.prodname a {text-decoration: none;}

.prodcolortable table {border-collapse: collapse; color:#333333; background-color: #ffffff; margin: 10px 0px 10px 0px; border: 1px solid #999999;}
.prodcolortable th { text-align: left; background-color: #eeeeee; color:#000000; font-weight: bold; } 
.prodcolortable td {background-color: #ffffff; color:#333333; font-weight: normal; }
.prodcolortable td, .prodcolortable th {padding: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.prodcolortable td {border-top: 1px dotted #aaaaaa;}


.prodcolor, .prodsize, .prodprice, .prodpricename { font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; }
.prodpricename { color: #990000;}
.prodoffer {color: #990000; font-weight: bold}

.proddesc { color: #000000; padding: 0px; margin: 5px 0px 5px 0px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-align: left}
.prodnew { float: right; padding: 10px; background-color: #990000; color: #ffffff; margin-top: 10px; font-family:Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; font-weight: bold; text-align: left }
.prodofferlist { float: right; padding: 10px; margin-top: 10px;}
.prodmoreinfo { float: right; font-size: 12px; font-weight: bold; padding: 5px;}
.prodprint {margin: 10px 0px 10px 0px;}
.prodcolorspic img {margin: 10px 0px 10px 0px;}
.prodpuppet {float:right;}
.prodcompanyimg {float:left;}
.prodamountdiscount {font-weight: bold; color: #CC0000; text-align: center;}

/* category list */
.catlist {width: 680px;}
.catlist .box {text-align: center; float: left; margin: 10px; background-color:#999999; border: 1px solid #666666;}
.catlist .box .pic { width: 200px; height: 160px }
.catlist .box .name {text-align: left; width: 184px; margin-left: 10px; padding: 3px;  color: #333333; border-top: 1px solid #999999; background-color:#f0f0f0; height: 38px;  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; line-height: 16px; }
.catlist .box .name a {text-decoration: none; color: #333333;}
.catlist .box .name a:hover {text-decoration: underline; color: #666666;}

/* mainbox forms */
/* form1 */
.form1 {font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.form1 form {padding:0px; margin:0px;}
.form1 .mustfillsign {color: #990000;}
.form1 input, select, textarea{ font-size: 11px}
.form1 {float: left; padding: 10px; display:table; background-color:#ffffff; color:#000000; border: 1px #dddddd solid; }
.form1 table { border-collapse: collapse;  }
.form1 th {background-color:#ffffff; color:#555555; }
.form1 td, .form1 th {padding: 2px; border: 1px solid #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.form1 .submit, .form1 .submitCancel, .form1 .submitDelete, 
.form1 .submit2, .form1 .submit2Cancel, .form1 .submit2Delete {
background-color: #ffffff; border: #aaaaaa dotted 1px; 
background-position: 0 5px; background-repeat: no-repeat; 
margin: 0px; padding: 2px 2px 2px 8px;
font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;
}
.form1 .submit {color: #000000; background-image: url(button-pre1.gif);}
.form1 .submit2 {color: #000000; }
.form1 .submitCancel {color: #999999; background-image: url(button-pre2.gif);}
.form1 .submit2Cancel {color: #999999; }
.form1 .submitDelete {color: #990000; background-image: url(button-pre3.gif);}
.form1 .submit2Delete {color: #990000; }
.form1 label { display: block;  /* block float the labels to left column, set a width */
	float: left; width: 40%; 	text-align: right; 
	padding:2px; margin: 5px 0; /* set top margin same as form input - textarea etc. elements */
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px;
	color:#555555;
}
.form1 input, .form1xhtml form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:0px 0 0 10px; /* set margin on left of form elements rather than right of
                             label aligns textarea better in IE */
	width: 175px;
	padding: 2px;
	font-size: 12px; font-family: Arial, Helvetica, sans-serif;
														 
}
.form1 select {
font-size: 11px; font-family: Arial, Helvetica, sans-serif;
margin:0px 0 0 10px;  padding: 2px;
width: 180px;
float: left;
													 
}
.form1 br {	clear:left; }
.form1 .buttons {text-align: center;}


.table1 table { border-collapse: collapse;  }
.table1 th {color:#555555; }
.table1 td, .table1 th {padding: 2px; border: 1px solid #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}


/* akcio */
.offer {float: left; padding: 10px 10px 0px 0px;}

/* arlista */
.pricelist {padding: 10px 10px 0px 0px;}