body       { margin:0px; padding:0px; min-width:1000px; background:url(body_bg.gif) repeat-x top left #fdfdfd; background-size:100% auto; }
body, div  { font-size:12px; color:#000000; font-family:Arial; }

h1         { font-family:Arial; font-size:16px; color:#313131; margin:0px; }
h2         { font-family:Arial; font-size:16px; color:#313131; margin:0px; }

a          { text-decoration: underline; color:#000000; }
a:hover    { text-decoration: none; color: #F64501; }

.errors,
.error,
.mandatory,
.warning            { color:red; }
.success            { color:#F64501; }
.space              { height:0px;  font-size:0px;  clear:both; border:0px; }


/* OK - FORMS INPUT */
form       { margin:0px; padding:0px; }
input, select,
textarea, file     { font-size:12px; border:1px solid #e8e8e8; padding:4px;  margin:0px;   }
textarea           { width:100%; height:150px; padding:4px; }
input.Button       { width:100px; border:0px ;  background:url(top_bg.gif); color:#ffffff; height:24px; text-transform:uppercase;  padding: 4px; cursor:pointer; border:0px; font-weight:normal; }
input.Button:hover { background:#3D3D3D; }
input:disabled     { color:#a9a9a9; }
select:disabled    { color:#a9a9a9; }
textarea:disabled  { color:#a9a9a9; }
file:disabled      { color:#a9a9a9; }

/* ToHead */
div.ToHead              { position:fixed; bottom:0px; right:0px; width:54px; height:54px; z-index:1000; }
div.ToHead-Area         { width:44px; height:44px;  margin-right:10px; margin-bottom:10px; overflow:hidden; overflow:hidden; -moz-border-radius:3px; border-radius:3px; }
div.ToHead-Area a       { z-index:10; display:block; width:44px; height:44px; background:url(up.png) no-repeat center center #1e1e1e; background-size:34px 34px; overflow:hidden; }
div.ToHead-Area a:hover { z-index:10; display:block; width:44px; height:44px; background:url(up_hover.png) no-repeat center center #1e1e1e; background-size:34px 34px;  }

/* HEAD */
div.Head  { height:167px; overflow:hidden; background:url(head_bg.png) left top repeat-x; }

div.Top   { height:33px; overflow:hidden; background:url(top_bg.gif) left top repeat-x; }

div.Logo   { height:95px; overflow:hidden; background:url(logo_bg.gif) left top repeat-x; background-size:auto 100%; }
div.Logo-Area   { margin:0px 30px 0px 30px; }
div.Logo-Area div.Left  { float:left; }
div.Logo-Area div.Right  { float:right; }
div.Logo-Area div.Center  { float:right; color:#fff;padding-top:35px; padding-right:0px; width:183px; align:right; text-align:right; font-weight:bold; font-style:italic; }

/* MENU */
div.Menu   { height:38px; overflow:hidden; background:url(menu_bg.gif) left top repeat-x; }
div.Menu-Area   { margin:0px 30px 0px 28px;  height:38px; overflow:hidden; background:url(menu_devide.png) left top no-repeat; }
div.Menu-Area ul  {	list-style-type: none;	height:38px;    margin:0px;    padding:0px;    display:block;    overflow:hidden;margin-left:2px; }
div.Menu-Area ul li {	float:left; height:38px; overflow:hidden;	list-style-type: none;    margin:0px;    padding:0px;  background:url(menu_devide.png) right top no-repeat; }
div.Menu-Area ul li a {	font: 12px Arial;	margin-right:2px; text-decoration: none;	color: #ffffff;    padding:12px 17px 12px 17px;    display:block;    text-transform:uppercase;    font-weight:bold; }
div.Menu-Area ul li a:hover,
div.Menu-Area ul li a:active,
div.Menu-Area ul li a.active { text-decoration: none;	color: #F64501;	background:#3D3D3D; }

/* MAIN */
div.Main-Top { height:20px; overflow:hidden; background:url(main_left.png) left top repeat-y; background-size:30px auto; }
div.Main-Top-Right { height:20px; overflow:hidden; background:url(main_right.png) right top repeat-y; background-size:30px auto; }
div.Main-Top-Center { height:20px; overflow:hidden; background:url(main_top.png) left top repeat-x; margin:0px 30px 0px 30px; }

div.Main { background:url(main_left.png) left top repeat-y; background-size:30px auto; }
div.Main-Right { background:url(main_right.png) right top repeat-y; background-size:30px auto; }
div.Main-Area { background:#ffffff; margin:0px 30px 0px 30px; }
div.Main-Content { padding:20px 20px 0px 20px; }

div.Main-Bottom { height:20px; overflow:hidden; background:#f9f9f9; }
div.Main-Bottom-Area { height:20px; overflow:hidden; background:#ffffff; margin:0px 30px 0px 30px;  }

/* FOOT */
div.Foot { background:#f9f9f9; }
div.Foot-Area { margin:0px 30px 0px 30px; align:center; text-align:center;  }

/* FOOT MENU */
div.Foot-Menu   { margin-top:15px; display:inline-block; align:center; text-align:center;  }
div.Foot-Menu ul  {	list-style-type: none;	margin:0px;    padding:0px; display:inline-block; }
div.Foot-Menu ul li {	float:left; margin:0px; padding:0px; }
div.Foot-Menu ul li a {	font-size:12px; font-weight:bold; text-decoration: underline;	color: #8D8D8D;    padding:5px 10px 5px 10px;  display:block; }
div.Foot-Menu ul li a:hover,
div.Foot-Menu ul li a:active,
div.Foot-Menu ul li a.active { text-decoration: none; color:#F64501;}

/* COPYRIGHTS */
div.Copyrights { color:#8D8D8D; font-size:11px; margin-top:10px; }
div.Copyrights a { color:#8D8D8D; font-size:11px; }
div.Counters { margin-top:15px; margin-bottom:15px;  }

/* HEAD */
div.MetaHead { margin-top:10px; }
/* NAVIGATION */
div.Navigation { font-size:11px; height:12px; overflow:hidden; }
div.Navigation a { font-size:11px; text-decoration: underline; color: #F64501; }
div.Navigation a:hover { text-decoration: none;  }

/* LIKES */
div.Likes                             { margin-top:20px; border:1px solid #e8e8e8;   padding:20px; }
div.Likes div.Likes-Area              { height:24px; overflow:hidden; }
div.Likes div.Button                  { float:right; }
div.Likes div.Button div.Nums         { float:right; height:24px;   background:#1e1e1e;  }
div.Likes div.Button div.Nums div     { color:#ffffff; font-weight:normal; margin:5px 7px 0px 7px;  }
div.Likes div.Button div.Link         { float:right;  height:24px; border-right:1px solid #ffffff; background:#1e1e1e; overflow:hidden; }
div.Likes div.Button div.Link a       { color:#ffffff; background:none; text-decoration:none; padding:5px 7px 5px 7px;  display:block; height:24px; text-transform:uppercase; }
div.Likes div.Button div.Link a:hover { color:#F64501; }

/* COMMENTS */
div.Comments                   { margin-top:20px; border:1px solid #e8e8e8;  padding:20px; }
div.Comments div.Caption       { float:left; font-weight:bold;  }
div.Comments div.Add           { font-weight:normal; text-align:right;align:right; }
div.Comments div.Add a         { color:#F64501; }
div.Comments div.Item          { margin-top:20px; }
div.Comments div.Item div.Dt   { font-size:10px; float:right; font-weight:bold; font-style:italic; }
div.Comments div.Item div.Text { padding-top:10px;clear:both; font-style:italic; }
div.Comments div.Item div.Name { font-weight:bold; }

/* OK - NAVPAGES */
div.NavPages                { height:30px; overflow:hidden; margin:20px 0px 0px 0px;   }
div.NavPages ul             { float:right;	list-style-type: none;	height:30px;    margin:0px;    padding:0px;    display:block;    overflow:hidden; }
div.NavPages ul li          { float:left;  margin-left:1px; min-width:30px; align:center;text-align:center;  font-size: 12px; overflow:hidden;}
div.NavPages ul li.Caption  { padding-top:8px; text-align:right;align:right; padding-right:5px; font-weight:bold; }
div.NavPages ul li a        { font-size: 12px;	text-decoration: none;	font-weight:bold;   padding:8px 9px 8px 9px; color:#000000;background: #e8e8e8; display:block; }
div.NavPages ul li a.Active,
div.NavPages ul li a:active,
div.NavPages ul li a:hover  { background: #1e1e1e; color:#F64501; }

/* PAGE */
div.Page div.Text { border:1px solid #e8e8e8;margin-top:20px;padding:20px; text-align:justify; align:justify; }
div.Page div.SubObjects { margin-left:-15px;margin-top:5px; }

/* PRODUCTS */
div.Product-Item                     { width:33.33%; float:left; overflow:hidden; }
div.Product-Item-Area                { border:1px solid #e8e8e8; margin-top:15px; margin-left:15px; display:block;text-align:center;align:center; }
div.Product-Item div.Image           { display:inline-block; margin-top:10px; width:250px;height:250px; overflow:hidden; background:#e8e8e8; }
div.Product-Item div.Short           { margin:10px 20px 20px 20px; height:70px; overflow:hidden;  }
div.Product-Item div.Price           { height:0px; font-size:0px; overflow:hidden;  }
div.Product-Item div.Name            { width:250px; display:inline-block; height:35px; margin:19px 19px 0px 19px; overflow:hidden;text-align:center;align:center;   }
div.Product-Item div.Name a          { font-weight:bold;  text-decoration:none; font-size:15px; }
div.Product-Item div.Name a:hover,
div.Product-Item div.Name a:active   { text-decoration:underline; }
div.Product-Item div.Button          { height:0px; overflow:hidden; }
div.Product-Item div.Button a        { text-transform:uppercase; text-decoration:none; display:block; background: url(menu1_bg.png); color:#ffffff; padding: 5px;}
div.Product-Item div.Button a:hover,
div.Product-Item div.Button a:active {   background:#282828;}

div.Product                              { margin-top:20px; border:1px solid #e8e8e8;  }
div.Product-Area                         { margin:20px; }
div.Product div.Short                    { text-align:justify; align:justify; font-weight:bold;  }
div.Product div.Filters-Info             { margin-top:20px; }
div.Product div.Price                    { height:0px; font-size:0px; overflow:hidden;   }
div.Product div.Text                     { margin-top:20px; text-align:justify; align:justify;  }
div.Product div.Image                    { width:300px; height:300px; overflow:hidden; float:left; margin-right:20px;  overflow:hidden; background:#e8e8e8;  }
div.Product div.Image div.Zoom           { position:absolute; width:300px; height:300px; overflow:hidden; }
div.Product div.Image div.Zoom a         { display:block; background:none; width:300px; height:300px; overflow:hidden; }
div.Product div.Image div.Zoom a:hover,
div.Product div.Image div.Zoom a:active  {  background:url(zoom.png) no-repeat center center;   background-size: contain;  }
div.Product div.Price                    { float:right; align:center; text-align:center; color:#6fb827; font-weight:bold;  }
div.Product div.Price div.Price-Area     { align:center; text-align:center; color:#3E3E3E; font-weight:bold;  }
div.Product div.Price div.Button         { margin-top:10px; align:center; text-align:center; height:0px; overflow:hidden; }
div.Product div.Price div.Button a       { text-transform:uppercase; align:center; text-align:center; font-weight:normal;  -moz-border-radius: 3px; border-radius: 3px; background: url(menu1_bg.png); color:#ffffff;  padding:5px 10px 5px 10px;  text-decoration:none; }
div.Product div.Price div.Button a:hover { background:#282828;}

/* SITES */
div.Site-Item                  { border:1px solid #e8e8e8; margin-top:20px; margin-left:15px; }
div.Site-Item-Area             { margin:20px; height:150px; overflow:hidden; }
div.Site-Item div.Image        { background:#e8e8e8; width:200px; height:150px; float:left; margin-right:20px; }
div.Site-Item div.Name         { margin-top:20px; }
div.Site-Item div.Name a       { text-decoration: none; color: #313131; font-size: 15px;  font-weight: bold; }
div.Site-Item div.Name a:hover { text-decoration: underline; color: #F64501; }
div.Site-Item div.Url          { margin-top:10px; color: #8d8d8d; text-decoration: none; font-size:11px; font-weight:bold; }
div.Site-Item div.Url a        { color: #8d8d8d; }
div.Site-Item div.Url a:hover  { text-decoration: underline; color: #F64501; }
div.Site-Item div.Short        { margin-top:10px; text-align:justify; align:justify; }
div.Site-Item div.Links        { margin-left:220px; margin-top:10px; padding-top:10px; border-top:1px solid #e8e8e8; text-align:right; align:right; }
div.Site-Item div.Links a      { color: #F64501; margin-left:15px; }

div.Site                              { border:1px solid #e8e8e8; margin-top:20px; }
div.Site-Area                         { margin:20px; }
div.Site div.Image                    { background:#e8e8e8; width:300px; height:225px; float:left; margin-right:20px; }
div.Site div.Image div.Zoom           { position:absolute; width:300px; height:225px; }
div.Site div.Image div.Zoom a         { display:block; background:none; width:300px; height:225px; overflow:hidden;  }
div.Site div.Image div.Zoom a:hover,
div.Site div.Image div.Zoom a:active  {  background:url(zoom.png) no-repeat center center;   background-size: contain;  }
div.Site div.Short                    { font-weight:bold; text-align:justify; align:justify; }
div.Site div.Url                      { font-size:11px; font-weight:bold;  margin-top:20px; color: #8d8d8d; text-decoration: none; }
div.Site div.Url a                    { color: #8d8d8d; }
div.Site div.Url a:hover              { text-decoration: underline; color: #F64501; }
div.Site div.Text                     { margin-top:20px; text-align:justify; align:justify; }

/* NEWS */
div.New-Item                  { border:1px solid #e8e8e8; margin-top:20px; margin-left:15px; }
div.New-Item-Area             { margin:20px; height:150px; overflow:hidden; }
div.New-Item div.Image        { background:#e8e8e8; width:200px; height:150px; float:left; margin-right:20px; }
div.New-Item div.Name         { margin-top:20px; }
div.New-Item div.Name a       { text-decoration: none; color: #313131; font-size: 15px;  font-weight: bold; }
div.New-Item div.Name a:hover { text-decoration: underline; color: #F64501; }
div.New-Item div.Date         { font-size:11px; font-weight:bold; margin-top:10px; color: #8d8d8d; text-decoration: none; }
div.New-Item div.Short        { margin-top:10px; text-align:justify; align:justify; }
div.New-Item div.Links        { margin-left:220px; margin-top:10px; padding-top:10px; border-top:1px solid #e8e8e8; text-align:right; align:right; }
div.New-Item div.Links a      { color: #F64501; margin-left:15px; }

div.New                              { border:1px solid #e8e8e8; margin-top:20px; }
div.New-Area                         { margin:20px; }
div.New div.Image                    { background:#e8e8e8; width:300px; height:225px; float:left; margin-right:20px; }
div.New div.Image div.Zoom           { position:absolute; width:300px; height:225px; }
div.New div.Image div.Zoom a         { display:block; background:none; width:300px; height:225px; overflow:hidden;  }
div.New div.Image div.Zoom a:hover,
div.New div.Image div.Zoom a:active  { background:url(zoom.png) no-repeat center center;   background-size: contain;  }
div.New div.Short                    { font-weight:bold; text-align:justify; align:justify; }
div.New div.Date                     { font-size:11px; font-weight:bold; margin-top:20px; color: #8d8d8d; text-decoration: none; }
div.New div.Text                     { margin-top:20px; text-align:justify; align:justify; }

/* PHOTOS */
div.Photo-Item                              { width:33.33%; float:left; overflow:hidden; }
div.Photo-Item-Area                         { border:1px solid #e8e8e8; margin-top:15px; margin-left:15px; display:block;text-align:center;align:center; }
div.Photo-Item div.Image                    { display:inline-block; margin-top:20px; width:250px;height:185px; overflow:hidden; background:#e8e8e8; }
div.Photo-Item div.Image img                { width:250px; height:185px; }
div.Photo-Item div.Image div.Zoom           { position:absolute; width:250px; height:185px; overflow:hidden; -moz-border-radius: 3px; border-radius: 3px;  }
div.Photo-Item div.Image div.Zoom a         { display:block; background:none; width:250px; height:185px; overflow:hidden; -moz-border-radius: 3px; border-radius: 3px;  }
div.Photo-Item div.Image div.Zoom a:hover   {  background:url(zoom.png) no-repeat center center;   background-size: contain;  }
div.Photo-Item div.Name                     { margin:10px 20px 20px 20px;text-align:center; align:center; font-weight:bold; }

div.Photo                                   { border:1px solid #e8e8e8; padding:20px; margin-top:20px; }
div.Photo div.Text                          { margin-top:20px;  text-align:justify; align:justify; }
div.Photo div.Short                         { margin-top:20px; font-weight:bold; text-align:justify; align:justify; }
div.Photo div.Date                          { font-size:11px; font-weight:bold; margin-top:20px; color: #8d8d8d; text-decoration: none; }
div.Photo div.Image-Center                  { align:center;text-align:center;  }
div.Photo div.Image-Area                    { display:inline-block;padding:10px; border:1px solid #e8e8e8; }
div.Photo div.image-Center img              { overflow:hidden; }
div.Photo div.image-Control                 { position:absolute; width:720px; }
div.Photo div.image-Control-Left            { float:left; width:50%; align:left;text-align:left; height:100%; }
div.Photo div.image-Control-Right           { float:right; width:50%; align:right;text-align:right; height:100%; }
div.Photo div.image-Control-Left a          { display:block;height:100%; background:none; }
div.Photo div.image-Control-Right a         { display:block;  height:100%;background:none;  }
div.Photo div.image-Control-Left a:hover    { background:url(Previous.png) no-repeat left center; }
div.Photo div.image-Control-Right a:hover   { background:url(Next.png)  no-repeat right center; }
div.Photo div.Links                         { margin-top:20px; overflow:hidden; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; }
div.Photo div.Links-Area                    { margin:20px 0px 20px 0px; }
div.Photo div.Links div.Item                { clear:both; margin-top:5px;  }
div.Photo div.Links div.Caption             { float:left; width:80px; font-size:11px; padding-top:3px; }
div.Photo div.Links div.Link                { align:right;text-align:right; margin-left:90px; }
div.Photo div.Links div.Item div.Link input { display:inline; padding:3px; font-size:11px;width:100%; position:relative; }

/* FILTERS */
div.Filter { background:#e8e8e8; padding:15px; margin-top:20px; }
div.Filter-Head h2 { font-size: 14px; }
div.Filter div.Item { float:left; width:33.33%; margin-top:10px;  height:14px; overflow:hidden; }
div.Filter div.Item a { display:bloc; background:url(filter_row.png) no-repeat left center; padding-left:10px; color:#F64501; margin-right:15px;}
div.Filter div.Item a:hover,
div.Filter div.Item a:active,
div.Filter div.Item a.active { display:bloc; background:url(filter_row_hover.png) no-repeat left center; padding-left:10px; color:#000000; }

/* FILTERS INFO */
div.Filters-Info { }
div.Filters-Info-Item-Area { font-size:11px; font-weight:bold; color:#8d8d8d; }
div.Filters-Info-Item-Area a { color:#F64501; text-decoration:none; }
div.Filters-Info-Item-Area a:hover { text-decoration:underline; }

/* WIDGETS */
div.Widget-Products div.Widget { margin-top:20px;}
div.Widget-Products div.Objects { margin-left:-15px; margin-top:5px; }


/* POPUP */
/* general */
#Popup { z-index:1000; display:table; position:fixed; top:0;bottom:0;left:0;right:0; width:100%; height:100%;  }
#PopupBackground { z-index:1000; position:absolute;  display:block; width:100%; height:100%; background:url(opacity.png); }
#PopupArea { display:table-cell; width:100%; height:100%; overflow:hidden; text-align:center; align:center; vertical-align:middle; }
#PopupBoxBorder { position:absolute; display:block; overflow:hidden; top:20px;bottom:20px;left:20px;right:20px; }
#PopupBox { display:table; overflow:hidden;  width:100%; height:100%;  }
#PopupBoxArea { display:table-cell; overflow:hidden; width:100%; height:100%; text-align:center; align:center; vertical-align:middle; }
#PopupContentTable { display:table; overflow:hidden; width:auto; height:auto; }
#PopupContentTableCell { display:table-cell; overflow:hidden; width:auto; height:auto;  text-align:center; align:center; vertical-align:middle; }
#PopupContent { display:block; overflow:hidden; }
#PopupContentArea { width:auto; height:auto; }
#PopupLoader { background:#ffffff; padding:10px 20px 7px 10px; cursor:pointer; }
#PopupLoaderArea { height:20px; background:url(popbox_loader.gif) no-repeat 0px 0px; background-size:auto 20px; padding-left:30px; padding-top:3px; font-weight:bold; color:#808080; }
#PopupTable { display:table; background:#ffffff; overflow:hidden; }

/* popup content */
div.PopupHead  { display:table-row; height:35px; overflow:hidden; background:url(head_bg.png) left top repeat-x; }
div.PopupHeadArea  { display:block; height:35px; overflow:hidden; width:100%; }
div.PopupHeadArea div.Caption { float:left; text-align:left; align:left; overflow:hidden; text-transform:uppercase; margin-top:11px; height:14px; overflow:hidden;}
div.PopupHeadArea div.Caption-Area { margin-left:10px;  font-size:12px; color:#ffffff;  font-weight:normal; }
div.PopupHeadArea div.Close   { float:right; height:35px; width:35px;  }
div.PopupHead div.close  img { height:35px; }

div.PopupResult  { display:table-row; height:0px; }
div.PopupResult div.PopupErrors    { margin:10px 10px 0px 10px; background:#e8e8e8; padding:10px; overflow:hidden; text-align:left; align:left; }
div.PopupResult div.PopupErrors ul { padding:0px; margin:0px; margin-top:5px;margin-bottom:5px; }
div.PopupResult div.PopupErrors ul li { margin-right:30px; margin-left:30px; padding:0px; word-wrap:break-word; }
div.PopupResult div.PopupSuccess    { margin:10px 10px 0px 10px;padding:20px 25px 20px 25px; background:#e8e8e8; color:#F64501; overflow:hidden; text-align:center; align:center; font-weight:bold; overflow:hidden;  }
div.PopupResult div.PopupSuccess #PopupOverflow    {  color:#F64501;   }

div.PopupVspace { display:table-row; height:10px; overflow:hidden; }

div.PopupMain  { display:table-row; }
div.PopupMainArea  { margin:10px 10px 0px 10px; width:auto; height:auto;  overflow:hidden;  }
div.PopupMainAreaImage  { margin:10px 10px 0px 10px; width:auto; height:auto; overflow:hidden; border:1px solid #e8e8e8;  padding:10px; }

div.PopupButtons { display:table-row;  }
div.PopupButtonsArea { margin:0px 10px 0px 10px; }

div.PopupFoot  { display:table-row; height:10px; overflow:hidden; }

/* any */
#PopupOverflow { display:inline-block; width:100%; height:100%; border:1px solid #e8e8e8; overflow:hidden;  }
#PopupOverflow form { margin:0px; padding:0px; }

/* image */
#PopupOverflowImage { display:block;  overflow:hidden; }
#PopupOverflowImage img { display:table; overflow:hidden;  }
#PopupOverflowImage div.Control { position:absolute; display:table; width:inherit;height:inherit;  }
#PopupOverflowImage div.Control-Left { display:table-cell; width:50%;height:100%;  }
#PopupOverflowImage div.Control-Left a { display:block; width:100%;height:100%;  }
#PopupOverflowImage div.Control-Left a:hover { background:url(Previous.png) no-repeat left center;  }
#PopupOverflowImage div.Control-Right { display:table-cell; width:50%;height:100%;  }
#PopupOverflowImage div.Control-Right a { display:block; width:100%;height:100%;   }
#PopupOverflowImage div.Control-Right a:hover { background:url(Next.png) no-repeat right center;  }

/* add */
div.PopupAdd         { display:block; margin:0px 10px 10px 10px; }
div.PopupAddInput    { display:block; }
div.PopupAddInput div.Item  { margin-top:10px; }
div.PopupAddInput div.Item div.Caption { width:120px; font-weight:bold;  float:left;  text-align:left;  align:left; padding-top:6px; }
div.PopupAddInput div.Item div.Intext { margin-left:120px; align:right; text-align:right; }

div.PopupAdd input    { display:inline-block; padding:4px; width:300px; overflow:hidden; }
div.PopupAdd textarea { display:inline-block; padding:4px; width:300px; overflow:hidden; height:100px;  }

