/* --- Load Esternal Styles --- */
@import url(/global/css/reset.css);

/* --- Icons Styles --- */
.icon { width:20px; height:20px; display:block; margin:auto; }
.bigicon { width:50px; height:50px; display:block; float:right;}
.zoom { background:url(../images/icons/zoom.png) no-repeat; }
a { color:#666; text-decoration:none; }
a:hover { color:#000; }

/* --- Page Styles --- */
body { font:0.8em Arial,Helvetica,sans-serif; color:#666; background:url(/public/templates/default/images/layout/bg-body.png) repeat-x; }
h3 { font-size:1.5em; font-weight:normal; margin:10px; }
img { border:none; }

#page { width:980px; margin:auto; }
#pagefooter { padding:5px; height:30px; }
#pagefooter .links{ float:left; width:300px; }
#pagefooter .validators{ float:right; width:300px; padding:7px; text-align:right; }
#pagefooter .validators img{ border:0px; }

/* --- Layout Styles --- */
#layout { background:#FFF; }
#layoutbody { position:relative; margin:10px 0 10px 0; }
#layoutheader { position:relative; background:url(/public/templates/default/images/layout/bg-header.jpg) no-repeat;	height:397px;	 }

#promo-box { position:absolute; width:200px height:200px; top:150px; left:0;}
#slogan {  position:relative; top:70px; left:500px; width:480px; color:#FFF; }
#slogan h1 { font-size:1.7em; font-weight:normal; }
#slogan h2 { font-size:1em; font-weight:normal; }

#main-menu { position:absolute; bottom:10px; left:10px; font-size:1.1em; font-weight:bold; }
#main-menu li { display:inline; }
#main-menu li a {  }

#homepage, #partners, #catalog, #contacts { color:#FFF;  float:left; text-align:center; display:block; width:125px; height:34px; line-height:34px; text-decoration:none; text-transform:uppercase; background:url(../images/layout/bg-menu-items.png) no-repeat 0px -50px; }
#buy { color:#FFF;  float:left; text-align:center; display:block; width:210px; height:34px; line-height:34px; text-decoration:none; text-transform:uppercase; background:url(../images/layout/bg-menu-items.png) no-repeat 0px -50px; }
#homepage:hover , #partners:hover, #catalog:hover, #contacts:hover { background-position:0px 0px; }
#buy:hover { background-position:-360px 0px; }

#issues { width:700px; margin:20px 0px 20px 0px; }
.issue { margin:10px; }
.issue-image { float:left; margin:10px;  }
.issue-description { text-align:justify; }

#address { font-size:0.8em; text-align:center; margin:10px 0 10px 0; }
#layoutfooter { padding:5px; height:55px; background-color:#b41717; }
#layoutfooter a { color:#900; text-decoration:none; }

/* --- mod_catalog styles --- */
.clear { clear:both; }