.bg { background: gray; }
.br { border: 1px solid maroon; }
.hide { display: none; }

* { margin: 0; padding: 0; outline: none; }
body { background: #838383 url('../imgs/bg.jpg') no-repeat center top; font: 70% arial; color: #404040; }
a, a:link { color: #9F987A; text-decoration: underline; }
a:hover { text-decoration: none; }
img { border: 0 none; }
p { margin: 0.4em 0; }
.clear { clear: both; }
.rel { position: relative; }
.abs { position: absolute; }
input { padding: 2px 3px; }
ul, li { list-style-position: inside; list-style-type: disc; }

.loader { background: url('../images/loader.gif') no-repeat 49% 49%; }

#wrap { margin: auto; margin-top: 5em; width: 849px; }

#lightning { top: -56px; left: -71px; background: url('../imgs/lightning.png') no-repeat; width: 978px; height: 212px; z-index: 0; }
#reflection { bottom: -59px; left: -51px; background: url('../imgs/reflection.png') no-repeat; width: 967px; height: 149px; z-index: 0; }

#header { background: url('../imgs/headerbg.png') no-repeat; width: 849px; height: 156px; z-index: 20; }
#header .sitelogo { top: 8px; left: 21px; width: 97px; height: 101px; }
#header .zarapxana { top: 46px; left: 140px;   width: 94px; height: 20px; }

#header .search { top: 43px; right: 90px; }
#header .search .left { background: url('../imgs/search_left.png') no-repeat; width: 11px; height: 26px; float: left; }
#header .search .middle { width: 145px; height: 24px; background: white; border-top: 1px solid #B8B8B8; border-bottom: 1px solid #B8B8B8; float: left; }
#header .search .middle .field { padding-top: 9px; width: 130px; height: 12px; color: #8A8A8A; font-size: 75%; font-weight: bold; text-transform: uppercase; border: 0 none; }
#header .search .right { background: url('../imgs/search_right.png') no-repeat; width: 11px; height: 26px; float: left; }
#header .search .button { top: 6px; right: 7px; width: 14px; height: 15px; }
#header .language { top: 90px; right: 15px; width: 72px; height: 10px; }

#shape .top { background: url('../imgs/shape_top.png') no-repeat; width: 849px; height: 14px; }
#shape .middle { display: table; background: white url('../imgs/shape_middle.png') repeat-y; width: 849px; height: auto; }
#shape .middle .left { padding: 20px 0 30px 35px; float: left; }
#shape .middle .left h1 { font-size: 15pt; }
#shape .middle .left .content { margin-top: 15px; color: #827C64; font-size: 105%; }
#shape .middle .left .content p { line-height: 175%; }
#shape .middle .right { padding: 20px 35px 30px 0; width: 315px; text-align: center; float: right; }

#shape .bottom { background: url('../imgs/shape_bottom.png') no-repeat; width: 849px; height: 66px; font: bold 80% tahoma; text-transform: uppercase; color: #323234; }
#shape .bottom { color: #555558; }
#shape .bottom .links { bottom: 43px; left: 5px; }
#shape .bottom .links li { margin-left: 15px; list-style-type: none; float: left; }
#shape .bottom .notes { bottom: 12px; left: 20px; }
#shape .bottom .notes .copyright { color: #A69963; }
#shape .bottom .links li a, #shape .bottom .notes a { color: #525256; text-decoration: none; }
#shape .bottom .links li a:hover, #shape .bottom .notes a:hover { text-decoration: underline; }

#shape .bottom .newsletter { bottom: 15px; right: 80px; }
#shape .bottom .newsletter .left { background: url('../imgs/newsletter_left.png') no-repeat; width: 9px; height: 22px; float: left; }
#shape .bottom .newsletter .middle { width: 160px; height: 20px; background: white; border-top: 1px solid #C9C9C9; border-bottom: 1px solid #C9C9C9; float: left; }

#shape .bottom .newsletter .middle .field { padding-top: 6px; width: 140px; height: 14px; color: #8A8A8A;  font-size: 92%; font-weight: bold; text-transform: uppercase; border: 0 none; }
#shape .bottom .newsletter .right { background: url('../imgs/newsletter_right.png') no-repeat; width: 9px; height: 22px; float: left; }
#shape .bottom .newsletter .button { top: 6px; right: 10px; background: url('../imgs/newsletter_icon.png') no-repeat; width: 13px; height: 9px; cursor: pointer; }

#scroll { padding: 0 10px;  background: url('../imgs/scroll_base.gif') repeat-y right; width: auto; height: 230px; overflow: auto; }
#scroll2 { padding: 0 10px;  background: url('../imgs/scroll_base.gif') repeat-y right; position: relative; width: auto; height: 80px; overflow: auto; }
#nav_pos { bottom: 10px; left: 45px; border-bottom: 1px solid #e0e0e0; }

/* all lists */
#nav, #nav ul { list-style: none; float : left;	width: 150px; }
/* all list items */
#nav li { position : relative; float: left; z-index: 100; width: auto; }
/* second-level lists */
#nav li ul { position : absolute; left: -999em; top: 24px; padding: 8px 12px 0 12px; padding-left: 15px; border: 1px solid #e0e0e0; border-top: none; background: white; }
#nav li ul li { margin-left: 0;	float: none; }
#nav li ul .cbot { position : absolute;	bottom: -14px; right: -1px;	width: 178px; height: 15px;	border-left: 1px solid #e0e0e0;	background: url('../imgs/menu_box_cb.gif') no-repeat bottom right; }
/* level one links */
#nav li a { display: block; padding: 7px 10px 5px 10px;	color: #454545;	font: bold 8pt tahoma; text-decoration: none; text-transform: uppercase; border: 1px solid white; border-bottom: none; }
#nav li a.active { color: #B1946B; }
#nav li a:hover { color: #B1946B; border: 1px solid #e0e0e0; border-bottom: none; }
/* level two links */
#nav li ul a { display: block; padding-left: 12px; color: #454545; text-decoration: none; background: white url('../imgs/menu_dot.gif') no-repeat; background-position: 1px 10px; border: none; }
#nav li ul a:hover { color: #666666; background: white url('../imgs/menu_dot_hover.gif') no-repeat; background-position: 1px 10px; border: none; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
/* lists nested under hovered list items */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }

a.cartlink { font: 8pt tahoma; color: #878787; text-transform: uppercase; text-decoration: none; }
a.cartlink:hover { text-decoration: underline; }

#admin_menu { display: block; padding: 3px 7px; overflow: auto; background: #FFFFFF; border-bottom: 1px solid #D6D6D7; }
#admin_menu a, #admin_menu a:link { text-decoration: none; }
#admin_menu a:hover { text-decoration: underline; }


/* Pager */
#pager { display: block; margin: 0 auto; width: 350px; clear: both; }
#pager li { margin-right: 5px; float: left; list-style: none outside; }
#pager a { display: block; padding: 2px 4px; border: 1px solid #DBD3AE; text-decoration: none; }
#pager a.currentPage { color: #AEAC9F; border: 1px solid #ECE9D8; }
#pager a:hover { background: #F4F4F4; }



/** Cross-Browser Fixes  **/

.ie6 #nav_pos { width: expression(document.body.clientWidth > 1 ? "760px" : "760px"); }
.ie #header .search .middle .field { padding-top: 7px; height: 12px; }
.opera #header .search .middle .field { padding-top: 5px; }
.ie6 #shape .middle .right { padding-right: 20px; }
.ie #shape .bottom .newsletter .middle .field { padding-top: 5px; height: 14px; }
.ie6 #shape .bottom .newsletter .middle .field { height: 13px; }
.opera #shape .bottom .newsletter .middle .field { padding-top: 3px; height: 17px; }
.ie #shape .middle .left { padding-left: 15px; }
.ie6 #admin_menu { height: 14px; }
.ie6 #nav li ul .cbot { right: -2px; }
.ie6 #nav li ul li { line-height: 0px; }
.ie6 #scroll, .ie6 #scroll2 { padding-right: 5px; width: 428px; }
.ie6 #footermenu { margin-left: -15px; }
.ie6 #shape .bottom .notes { margin-left: 15px; }

/** Thickbox Styles **/

#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: 100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(../imgs/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: #ffffff;
  z-index: 102;
  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 {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption { height:25px; padding:7px 30px 10px 25px; 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; }
#TB_title { background-color:#FEFEFE; height:27px; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; background: #FEFEFE; 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;
}

.prselect {
	padding: 1px 3px;
	border: 1px solid #C4BA91;
	font: 95% verdana;
	color: #907F7F;
	text-transform: uppercase;
}

.prbutton {
	padding: 1px 3px;
	background: white;
	border: 1px solid #C4BA91;
	font: 95% verdana;
	color: #A6A194;
	text-transform: uppercase;
}

#login_form {
	margin: 0 auto;
	width: 180px;
}

#register_form {
	margin: 0 auto;
	width: 257px;
}

.forma {
	border: 1px solid #E0E0E0;
}

#feedback .label { padding-right: 0.5em; }
