html , body {
	margin: 0px; 
	padding: 0px;
	color: #000;
	font-size: 12px; 
	font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif; 
	text-align: left;
}
html { background: #FFFFFF url(../images/gui/bg_top.jpg) repeat-x top center; }
body { padding-bottom: 30px; background: transparent url(../images/gui/bg.jpg) no-repeat top center; }
.clr {
	font-size: 0px !important;
	line-height: 0px !important;
	height: 0px !important;
	clear: both;
}
a {
	color: #000;
	text-decoration: underline;
	cursor: pointer;
}
a:hover { color: #C33; text-decoration: none; }
a img { border: none; }
form {
	display: inline;
	padding: 0px;
	margin: 0px;
}
h1 , h2 , h3 , h4 , h5 {
	display: inline;
	margin: 0px;
	padding: 0px;
	color: #000;
	font-size: 12px; 
	font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;
}
p {
	margin: 0px;
	padding: 0px;
	font-size: 12px; 
	font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;
}
pre.debug , pre.debug1 {
	position: absolute;
	z-index: 100;
		top: 30px;
	width: 200px;
	height: 700px;
	overflow: auto;
	padding: 5px;
	color: #000;
	font-size: 10px;
	font-family: verdana;
	background-color: #FFF;
	border: 1px solid #000;
	opacity:0.8;
}
pre.debug { left: 0px; }
pre.debug1 { right: 0px; }
input {
	width: 200px;
	border: 1px solid #999;
}
textarea {
	width: 200px;
	height: 120px;
	border: 1px solid #999;
	overflow: auto;
}
/* ========================================== */
.mainout {
	width: 990px;
	text-align: left;
}
.headerout {
	height: 194px;
	background: transparent url(../images/gui/bg_header.jpg) no-repeat top left;
}
.logo {
	float: left;
	width: 225px;
	height: 194px;
	background: transparent url(../images/gui/logo.jpg) no-repeat top left;
}
.headermenu {
	float: left;
	height: 34px;
	line-height: 34px;
	margin-bottom: 12px;
	color: #FFF;
}
.headermenu a {
	display: block;
	float: left;
	padding: 0px 10px;
	color: #FFF;
}
.headermenu a:hover { color: #FFF; background: transparent url(../images/gui/bg_menu_hover.jpg) no-repeat top right; }
.headermenu a.current { color: #FFF; background: transparent url(../images/gui/bg_menu_hover1.jpg) no-repeat top right; }
.headerimg {
	float: left;
	width: 765px;
	height: 138px;
	overflow: hidden;
}
.topmenuout {
	height: 35px;
	line-height: 35px;
	color: #FFF;
	background: transparent url(../images/gui/bg_menu.jpg) repeat-x top left;
}
.navp {
	float: left;
	width: 200px;
	padding: 0px 0px 0px 16px;
	font-weight: bold;
	border-right: 1px solid #FFF;
}
.path {
	float: left;
	width: 730px;
	height: 35px;
		overflow: hidden;
	padding: 0px 0px 0px 16px;
}
.path a {
	color: #FFF;
	text-decoration: none;
}
.path a:hover {
	color: #FFF;
	text-decoration: underline;
}
.main { padding: 25px 0px; }
.leftmenuout {
	float: left;
	width: 225px;
	overflow: hidden;
}
.leftmenuout h2 {
	display: block;
	margin-bottom: 9px;
}
.leftmenuout h2 a.menuimg {
	display: block;
	width: 215px;
	height: 81px;
	overflow: hidden;
}
.leftmenuout h2 a:hover {}
.leftmenuout h2 a.menuimg1 {
	display: block;
	width: 215px;
	height: 88px;
	overflow: hidden;
}
.leftmenuout .menucurrent {
	position: relative;
		top: -16px;
	width: 215px;
	height: 7px;
	line-height: 7px;
	background: transparent url(../images/gui/menu_hover.gif) no-repeat top right;
}
.leftmenuout ul {
	position: relative;
		top: -10px;
	padding: 0px 0px 10px 10px;
	margin: 0px;
}
.leftmenuout li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 11px;
}
.leftmenuout li {
	display: block;
	padding: 4px 9px 4px 9px;
	background: transparent url(../images/gui/rightmenu_arrow.gif) no-repeat left 8px;
}
.leftmenuout li a.current { color: #C22; }
.contentout {
	float: left;
	width: 540px;
	overflow: hidden;
	padding-right: 10px;
}
.contentpath {
	line-height: 14px;
	margin-bottom: 12px;
	padding-bottom: 4px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	font-family: Lucida Sans Unicode, Lucida Grande;
	text-transform: uppercase;
	border-bottom: 2px solid #666;
}
.contentpath h1 { color: #000; }
.content {
	width: 540px;
	overflow: hidden;
	padding-bottom: 30px 
}
.contentout .advert { margin-bottom: 12px; }
.hpprod {
	float: left;
	width: 160px;
	padding: 0px 10px 15px 10px;
	text-align: center;
}
a.hpprodpic {
	display: block;
	width: 100px;
	height: 100px;
	overflow: hidden;
	border: 1px solid #B1B1B1;
}
a:hover.hpprodpic { border: 1px solid #000; }
a.hpprodpic img { border: 2px solid #FFF; }
a.hpprodpicpromo {
	display: block;
	width: 100px;
	height: 100px;
	overflow: hidden;
	border: 1px solid #C33;
}
a.hpprodpicpromo img { border: 2px solid #C33; }
a.hpprodpicpromo img.hppromo {
	position: relative;
	top: -30px;
	float: left;
	border: none;
}
a:hover.hpprodpicpromo { border: 1px solid #000; }
a:hover.hpprodpicpromo img { border: 2px solid #FFF; }
a:hover.hpprodpicpromo img.hppromo { border: none; }

.hpprod h3 {
	display: block;
	padding: 10px 0px;
}
.hpprod h3 a { color: #C33; font-weight: bold; }
.hpinfo {
	padding: 0px 0px 5px 0px;
	font-size: 11px;
}
.hpprice {
	color: #222;
	font-weight: bold;
}
.detailout { }
.detailleft {
	float: left;
	width: 259px;
	padding-left: 12px;
	font-size: 11px;
}
.detailpic { margin-bottom: 20px; }
.detailpic a {
	display: block;
	width: 244px;
	height: 244px;
	overflow: hidden;
	border: 1px solid #B1B1B1;
}
.detailpic a:hover { border: 1px solid #000; }
.detailpic a img { border: 2px solid #FFF; }
.detailpicpromo { margin-bottom: 20px; }
.detailpicpromo a {
	display: block;
	width: 244px;
	height: 244px;
	overflow: hidden;
	border: 1px solid #C33;
}
.detailpicpromo a img { border: 2px solid #C33; }
.detailpicpromo a img.hppromo {
	position: relative;
	top: -30px;
	float: left;
	border: none;
}
.detailpicpromo a:hover { border: 1px solid #000; }
.detailpicpromo a:hover img { border: 2px solid #FFF; }
.detailpicpromo a:hover img.hppromo { border: none; }
.detailcreout { padding: 0px 7px 14px 7px; }
.detailcre {
	margin-bottom: 10px;
	padding-bottom: 7px;
	color: #000;
	background: transparent url(../images/gui/dot.gif) repeat-x bottom left;
}
.detailcre h3 {
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}
.detailcreinfo {
	margin-bottom: 10px;
	padding-bottom: 14px;
	color: #666;
	background: transparent url(../images/gui/dot.gif) repeat-x bottom left;
}
.detailright {
	float: left;
	width: 269px;
}
.prodinfo {
	line-height: 18px;
	margin-bottom: 10px;
	padding-bottom: 7px;
	font-size: 13px;
	background: transparent url(../images/gui/dot.gif) repeat-x bottom left;
}
.prodinfo h1 , .prodinfo h2 , .prodinfo h3 { font-weight: bold; }
.prodtitle {
	margin-bottom: 7px;
	padding-bottom: 4px;
	font-weight: bold;
	background: transparent url(../images/gui/dot.gif) repeat-x bottom left;
}
.proddesc {
	margin-bottom: 14px;
	color: #666;
	font-size: 11px;
}
.price {
	display: block;
	line-height: 24px;
	padding: 0px 0px 5px 0px;
	color: #C22;
	font-size: 16px;
	font-weight: bold;
}
.price b { font-weight: bolder; }
.marrow {
	display: block;
	font-size: 11px;
}
.contacts {
	width: 520px;
	margin-left: 10px;
	line-height: 18px;
}
.contacts .formtab {  }
.contacts .formtab a img { border: 1px solid #999; }
.contacts .formtab a:hover img { border: 1px solid #666; }
.contacts input { margin-bottom: 5px; }
.contacts textarea { margin-bottom: 5px; }
a.button {
	display: block;
	width: 200px;
	color: #000;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #CCC;
	border: 1px solid #999;
}
a:hover.button {
	color: #C22;
	background-color: #AAA;
	border: 1px solid #999;
}
.friend {
	width: 520px;
	margin-left: 10px;
	line-height: 18px;
}
.friend td {
	padding: 4px;
}
.friend1 { }
.friend2 { width: 200px; }

.rightmenuout {
	float: left;
	width: 215px;
	overflow: hidden;
}
.rightmenuout .menu {
	margin-bottom: 16px;
	background: transparent url(../images/gui/bg_menu.jpg) repeat-x top left;
}
.rightmenuout .menutitle {
	height: 35px;
	line-height: 35px;
	padding-left: 16px;
	color: #FFF;
	background: transparent url(../images/gui/bg_menutitle.gif) no-repeat top right;
}
.rightmenuout .menuin {
	background-color: #E2E2E2;
	border-right: 2px solid #222;
	border-bottom: 2px solid #222;
}
.rightmenuout ul {
	margin: 0px;
	padding: 10px 0px 14px 0px;
}
.rightmenuout li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 11px;
}
.rightmenuout li a {
	display: block;
	padding: 4px 9px 4px 9px;
	background: transparent url(../images/gui/rightmenu_arrow.gif) no-repeat left 8px;
}
.rightmenuout li a.current { color: #C22; }
.righttitle {
	height: 35px;
	line-height: 35px;
	padding-left: 16px;
	color: #FFF;
	font-weight: bold;
	background: transparent url(../images/gui/bg_menu.jpg) repeat-x top left;
}
.righinfo {
	padding: 15px 0px 18px 0px;
	background: transparent url(../images/gui/down_arrow.gif) no-repeat 12px top;
}
.rightmenuout .advert {
	width: 200px;
	overflow: hidden;
	margin-bottom: 12px;
	padding-left: 4px;
}
.menurighttexta{
	color: #FFF;
}
.contshort {
	padding: 0px 9px;
	color: #666;
	font-size: 11px;
}
.pager {
	height: 20px;
	line-height: 20px;
	padding-bottom: 40px;
}
.pager a {
	display: block;
		float: left;
	width: 20px;
	height: 20px;
	margin-right: 6px;
	color: #670001;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 1px solid #670001;
	/*background: transparent url(../images/gui/bg_pager1.gif) no-repeat left top;*/
}
/*.pager a:hover { background: transparent url(../images/gui/bg_pager2.gif) no-repeat left top; }*/
.pager a.current, .pager a:hover.current  { color: #FFF; background-color: #670001; /*background: transparent url(../images/gui/bg_pager3.gif) no-repeat left top;*/ }
.sysmsg {
	margin: 20px;
	padding: 20px;
	background-color: #CFC;
	border: 1px solid #090;
	
}
.sysmsg2 {}
.footerout {
	height: 35px;
	line-height: 35px;
	background-color: #D6D6D6;
}
.footer {
	width: 990px;
	color: #FFF;
	font-size: 11px;
	background: transparent url(../images/gui/bg_menu.jpg) repeat-x top left;
}
.footer a {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover { text-decoration: underline; }
img.hppromo {
	position: relative;
	top: -30px;
	float: left;
	border: none;
}
.webtext {
	width: 540px;
	overflow: hidden;
	margin-bottom: 40px;
	padding: 0px 0px 0px 0px;
}
/* ==================== Gallery  ==================== */
#lightbox {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	position: relative;
	background-color: #E9E9E9;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(http://www.abt2001.bg/images/gui/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#prevLink {
	left: 0;
	float: left;
}
#nextLink {
	right: 0;
	float: right;
}
#prevLink {
	background: url(http://www.abt2001.bg/images/gui/prev.gif) left 15% no-repeat;
	filter:alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(http://www.abt2001.bg/images/gui/prev.gif) left 15% no-repeat;
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
#nextLink {
	background: url(http://www.abt2001.bg/images/gui/next.gif) right 15% no-repeat;
	filter:alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(http://www.abt2001.bg/images/gui/next.gif) right 15% no-repeat;
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	color: #9A0000;
	background-color:#E9E9E9;
	margin: 0 auto;
	line-height: 1.4em;
}
#imageData {
	padding:0 10px;
}
#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}
#imageData #caption {
	font-weight: none;
}
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block;
	width: 100%;
}
* html .clearfix {
	/* Hides from IE-mac \*/

	height: 1%;/* End hide from IE-mac */

}