@charset "utf-8";
/* CSS Main */
html{overflow:scroll;overflow-x:auto;height:100%;}
html,body,form,img{margin:0px;padding:0px;border:none;}
body {height:100%; font-family: Arial, Helvetica, sans-serif; font-size:12px;color:#333; background: #edeecc url("../gfx/bg.jpg") repeat-x center top;}
body *{outline:none;}
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote{margin:0px;padding:0px;}
a{text-decoration:none; color:#2fb7c5;}
a:hover{text-decoration:underline;}
/*******************************************************/
#unload{ display:none;background: #edeecc url("../gfx/loading.gif") no-repeat center center;height:100%; width:100%;position:absolute; z-index:2000; top:0; left:0;}
#top{
	width:100%;
	position:relative;
	min-height:91%;
	height:auto !important;
	height:100%; 
	margin:0 auto;
	text-align:center; 
	min-width:980px;
	background:url("../gfx/bg_top.jpg") no-repeat center top;
}


#Header{margin:15px auto; width:980px; position:relative;}
#Banner{position:relative;width:980px;height:100px;margin:0 auto; background:url("../gfx/cat_1_banner.gif");margin-bottom:30px;}
#Logo{ background:url("../gfx/logo.png") no-repeat; width:160px; height:120px; display:block;}
#left{display:block; float:left; width:220px;}
#right{float:left; width:730px;padding:0px;}
.separator{float:left; width:30px; height:1px;}
h1{font-size:26px; letter-spacing:-1px;color:#35b9c8; font-weight:normal; margin:0; padding:0; line-height:28px;clear: both;}

.hr {border:none; border-top:1px solid #c9c9a5; border-bottom:1px solid #f7f6e7; line-height:0; font-size:0;height:0px; margin:10px auto;}

#SiteMenu{ background:#FFFFFF;border:1px solid #CCCCCC;-moz-border-radius: 6px; -webkit-border-radius: 6px; line-height:12px; height:32px; width:780px; position:absolute; right:0px; top:30px;}
#SiteMenu a{display:block; padding:10px 12px; color:#000000; text-decoration:none; border-right:1px solid #CCCCCC; float:left; line-height:12px;}
#SiteMenu a:hover{color:#2fb7c5;}
#SiteMenu a.lng{float:right; border:none; border-left:1px solid #CCCCCC;}

#SiteMenu2{ background:#FFFFFF;border:1px solid #CCCCCC;-moz-border-radius: 6px; -webkit-border-radius: 6px; line-height:12px; height:32px; width:280px; position:absolute; right:0px; top:-60px;}

#CatalogMenu{ width:220px; overflow:hidden; background-color:#c4c28d; padding:6px 0;-moz-border-radius: 6px; -webkit-border-radius: 6px; line-height:12px; margin-bottom:20px;}
#CatalogMenu a{display:block; padding:8px 15px;padding-left:30px; color:#FFFFFF; text-decoration:none; font-weight:bold;border-bottom:1px solid #b2b083; line-height:14px; }
#CatalogMenu ul{ padding:0; margin:0;}
#CatalogMenu li {margin:0; padding:0; list-style:none; background-color:#84825c; background-image:url("../gfx/bg_menu_item.gif"); background-repeat:no-repeat; background-position:15px; }
#CatalogMenu li.p1{ background-color:#c4c28d; background-position:-5px 13px;}
#CatalogMenu li.p2{ background-color:#a8a675; background-position:10px 13px;}
#CatalogMenu li.p3{ background-color:#939165; background-position:15px 13px;}

#CatalogMenu li.p1 a{padding-left:15px;}
#CatalogMenu li.p2 a{padding-left:20px;}
#CatalogMenu li.p3 a{padding-left:25px;}

#CatalogMenu .select{ background:#e2e1bc; color:#35b9c8;}

#Content{
	text-align:left;
	padding:0; 
	margin:0px auto; 
	padding-bottom:100px;
	overflow:hidden;
}
.clear{clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden;}

.naviBox{font-size:12px;text-align: left;display:block; padding:10px 0px; line-height:23px; clear:both;}
.naviBox span.navi,.naviBox a.navi:link,.naviBox a.navi:active,.naviBox a.navi:visited{text-decoration: none;text-align:center;padding:0px 4px;font-weight:bold;}
.naviBox span.navi,.naviBox a.navi:hover{color: #000000;text-decoration:none; font-weight:bold;}


/*******************************************************/

#FooterContent{color:#c9c9a5; font-size:11px; display:block; width:960px; padding:10px 20px; height:55px; text-align:left; margin:0 auto;}
.FooterRights{display: block; width:960px; margin:0 auto;}
.FooterRights span{ display: block; text-align:left; padding:0;}
.FooterRights span a{ color:#a4a47e; text-decoration: underline; word-spacing:normal; text-decoration:none;}
.FooterRights span a:hover{ text-decoration: none; color:#2fb7c5; text-decoration:underline;}
.FooterRights span.copy{width:580px;}
.FooterRights span.created{ float:right; width:350px; text-align:right;}
.FooterRights span.rules{ word-spacing:10px;}
.FooterLine{height:0; font-size:0px; line-height:0; margin:10px auto; border-top:1px solid #c9c9a5; border-bottom:1px solid #FFFFFF;}
/*******************************************************/


.ProductItem{background:#a8a675; width:158px; padding:1px; float:left;overflow:hidden; line-height:12px;}
.ProductImage, .player{margin-bottom:10px; background:#FFFFFF; border:5px solid #c9c9a5; padding:0px 0; overflow:hidden; }
.player{ height:270px;}
 button{cursor:pointer; }
 
 
.Gallery {padding:0px; display:block; border:none; margin-top:10px;}
.Gallery .linebreak{ clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; margin-bottom:10px;}
.Gallery .sep{float:left; width:20px !important; height:1px;}
.Gallery a.item{ width:80px;float:left;}
.Gallery a.item img{ width:80px; margin:0 !important;}
/******************************** Buttons **********************************/

/* SZYMASZKIEWICZ INFORMATICS Added... */
.gallery_SI ul			{width: 100%; clear: both; overflow: hidden; margin: 10px 20px 20px -35px; border: 0px solid;}
.gallery_SI li			{list-style: none; display: block; width: 111px; height: 75px; float: left; padding: 5px;}
.gallery_SI a			{display: block; width: 99px; height: 63px; float: left; margin: 0px; border: 2px solid #35b9c8;}
.gallery_SI a:hover		{}
.gallery_SI img			{width: 111px; height: 65px;}