html {
	margin: 0px; 
	padding: 0px;
	/*background-image: url(../images/gui/bg.jpg);*/
	background-color: #999;
}
body {
	margin: 0px; 
	padding: 0px;
	color: #FFF;
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: left;
	background: #999 url(../images/gui/bg.gif) no-repeat top center;
	background-attachment: fixed;
}
.clr {
	font-size: 0px !important;
	line-height: 0px !important;
	height: 0px !important;
	clear: both;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover { 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;
}
.blue { color: #0055A6; }
.red { color: #CC3C10; }
/* ========================================== */
.mainout {
	width: 990px;
	/*padding-bottom: 20px;*/
	text-align: left;
	background-color: #FFF;
}

.headerout {
	height: 156px;
	color: #333;
	background: #FFF url(../images/gui/header.gif) no-repeat left top;
}
.headerlogo {
	float: left;
	width: 216px;
	height: 156px;
	background-image: url(../images/gui/logo.jpg); background-repeat: no-repeat;
}
.header {
	float: left;
	width: 774px;
	height: 156px;
}
.headbanner {
	height: 108px;
	padding: 14px 0px 0px 30px;
	/*background-image: url(../images/gui/bg_headbanner.jpg); background-repeat: no-repeat;*/
}
.headbannerin {
	overflow: hidden;
	width: 728px;
	height: 90px;
}
.headmenu {
	height: 34px;
	line-height: 34px;
	padding: 0px 5px;
	font-size: 10pt;
	font-family: Tahoma, Geneva;
	text-align: center;
	background: transparent url(../images/gui/bg_headmenu.jpg) repeat-x left top;
}
.headmenu a {
	margin: 0px 15px;
	padding-left: 17px;
	font-weight: bold;
	background: transparent url(../images/gui/bg_headmenu_arrow.gif) no-repeat left center;
}
.headmenu a:hover { color: #B90506; }
.main {  }
.cleftout {
	float: left;
	width: 216px;
	padding: 0px;
	/*background-color: #FCC;*/
}
.menuout {}
.menu {
	margin-bottom: 7px;
	/*background-image: url(../images/gui/bg_path.jpg); background-repeat: no-repeat;*/
}
.menucat {
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0px 5px 0px 27px;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	background: #B08F7E;
}
.menucurrent a.menucat { height: 38px; }
.submenu { padding-left: 6px; }
.submenu a {
	display: block;
	/*height: 28px;*/
	/*line-height: 28px;*/
	/*margin-bottom: 1px;*/
	padding: 6px 5px 6px 15px;
	color: #666;
	background: #F0F0F0 url(../images/gui/bg_menu_arrow.gif) no-repeat left center;
	border-bottom: 1px solid #FFF;
}
.submenu a:hover {
	color: #B90506;
	background: #E9E9E9 url(../images/gui/bg_headmenu_arrow.gif) no-repeat left center;
}
.submenu a.current , .submenu a:hover.current {
	color: #B90506;
	background: #E9E9E9 url(../images/gui/bg_headmenu_arrow.gif) no-repeat left center;
}
.submenu2 {}
.submenu2 a {
	/*height: 22px;*/
	/*line-height: 22px;*/
	padding: 5px 5px 5px 25px;
	color: #999;
	font-size: 8pt;
	font-family: Tahoma, Geneva;
	background: #F8F8F8 url(../images/gui/bg_submenu2.gif) no-repeat 15px center;
}
.submenu2 a:hover , .submenu2 a.current , .submenu2 a:hover.current {
	color: #B90506;
	background: #F8F8F8 url(../images/gui/bg_submenu2_on.gif) no-repeat 15px center;
}
.contentout {
	float: left;
	width: 774px;
	/*background-color: #99F;*/
	
}

.weekly_promo{font-size: 12pt; font-weight: bold; text-align: center; vertical-align: middle; color:#bd0503; padding:10px 0px 10px 0px; background-color: #ffffcc; width: 200px; height: 30px; border: solid 1px #bd0503; margin-top:10px;}
.path {
	height: 30px;
	line-height: 30px;
	padding: 0px 0px 0px 31px;
	/*background-image: url(../images/gui/bg_path.jpg); background-repeat: no-repeat; background-position: top right;*/
	font-size: 11px;
	background: #B08F7E;
}
.path a { color: #000; text-decoration: underline; }
.path a:hover { text-decoration: none; }
.path a b { color: #000; }
.path b { color: #000; }
.path img { vertical-align: middle; }
.promotext {
	height: 28px;
	line-height: 28px;
	margin: 0px 0px 10px 8px;
	padding: 0px 0px 0px 21px;
	color: #333;
	background-color: #F0F0F0;
}
.promotext a { border-bottom: 1px dotted #000; }
.promotext a:hover { border-bottom: 1px solid #000; }
.content {
	float: left;
	width: 466px;
	color: #333;
	/*background-color: #CFC;*/
}
.contentlisting {
	float: left;
	width: 605px;
	padding: 10px 0px 0px 0px;
	color: #333;
}
.contentpromo {
	width: 405px;
	padding: 0px 0px 0px 31px;
}
.hp_banner {
	width: 743px;
	/*height: 333px;*/
	padding: 10px 0px 15px 31px;
	/*background-image: url(../images/gui/bg_hp_banner.jpg); background-repeat: no-repeat;*/
}
.hp_bannerin {
	width: 742px;
	overflow: hidden;
}

.hp_bannerin2 {
	width: 742px;
	height: 130px;
	margin-top: 20px;
	padding: 5px 0px 5px 31px;
	background-image: url(../images/banners/700x130-promo.gif); background-repeat: no-repeat;
	overflow: hidden;
}
.hp_bannerin3 {
	width: 700px;
	height: 50px;
	margin-top: 20px;
	padding: 5px 0px 5px 31px;
	overflow: hidden;
	float:left;
}
.contprodhp {
	/*width: 405px;*/
	width: 743px;
	padding: 0px 0px 0px 20px;
	color: #333;
}
.contprodhp .prod {
	width: 743px;
	
}
.contprodhp .prodin {
	float: left;
	width: 160px;
	/*height: 218px;*/
		overflow: hidden;
	padding-bottom: 8px;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align: center;
	background: #EEE;
	border: 1px solid #D4D4D4;
}
.prodin a img {
	width: 160px;
	height: 160px;
	margin-bottom: 5px;
	border-bottom: 1px solid #B90506;
}
.contprodhp .prodin a.prodname {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 18px;
	text-align: center;
	font-family: Tahoma, Geneva;
}
.contprodhp .prodin a:hover.prodname { color: #B90506; }
.contprodhp .prodin a.prodname b.pricehp { color: #B90506; }
.contprod {
	padding: 10px 0px 0px 31px;
	color: #333;
}
.content .contprod { width: 405px; }
.contentlisting .contprod { width: 544px; }
.rpromo {
	height: 100px;
	margin-bottom: 11px;
	border: 6px solid #CCC;
	/*background-image: url(../images/gui/bg_price.jpg);
	background-attachment: fixed;*/
}
.listprod1 , .listprod2 {
	/*height: 110px;
		overflow: hidden;*/
	margin-bottom: 11px;
	padding: 0px;
	/*border: 1px solid #D4D4D4;*/
	background-color: #FFF;
}
/*.listprod2 {
	height: 100px;
	margin-bottom: 11px;
	background-color: #F5F5F5;
}*/
.rpromo .promoimg {
	float: left;
	width: 100px;
	height: 100px;
}
.rpromo .rpromoimg {
	position: relative;
	margin-left: -6px;
}
.rpromo .prodpic { margin-top: -25px; }
.listprod1 .prodimg , .listprod2 .prodimg {
	float: left;
	width: 106px;
	height: 106px;
	padding: 0px 0px 10px 6px;
	background-color: #FFF;
}
.prodimg .prodpic { margin-top: 0px; }
.content .rpromo .prod { width: 284px; }
.contentlisting .rpromo .prod { width: 423px; }
.prod {
	float: left;
	/*padding: 10px 0px 8px 9px;*/
	padding: 6px 0px 0px 9px;
	color: #333;
	font-family: Tahoma, Geneva;
}
.rpromo .prod { background-color: #FFF; }
.contentlisting .prod div , .contentpromo .prod div {
	line-height: 16px;
	height: 16px;
	overflow: hidden;
}
.prod .prod_name { font-family: Tahoma, Geneva; font-size: 14px; border-bottom: 1px solid #BD0503;}
.prod .prod_name a {  }
.prod .prod_name a:hover { color: #BD0503; }
.prod .prod_sdesc {  }
.rpromo .prod_pdesc { color: #DD0006; }
.price {
	float: left;
	/*height: 27px;*/
	padding: 5px 0px 5px 9px;
	line-height: 17px;
	color: #DD0006;
	font-weight: bold;
}
.contentlisting .prod_sdesc { width: 421px; }
.contentlisting .price { width: 421px; }
.price a { color: #DD0006; /* border-bottom: 1px dotted #DD0006; */ }
.price a:hover { border-bottom: 1px solid #DD0006; }
	a.old_price, .old_price{ 
	font-size: 11px; /*text-decoration: line-through;*/ 
	color: #ff5566;
	background-image: url(../images/gui/underlinee.png);
	background-repeat: repeat-x;
	top:15px;
	z-index:9999;
	}
	a.old_price:hover{ border:none;}
.bpfl {
	height: 16px;
	line-height: 16px;
	padding: 5px;
	font-size: 11px;
}
.bpfl a {
	display: block;
	float: left;
	margin-left: 10px;
	padding: 4px 0px 4px 20px;
	color: #900;
	text-decoration: underline;
}
.bpfl a:hover { text-decoration: underline; }
.listing_pdf { background: transparent url(../images/gui/page_white_acrobat.png) no-repeat left center; }
.listing_xls { background: transparent url(../images/gui/page_excel.png) no-repeat left center; }
.allcat {
	float: left;
	width: 344px;
	line-height: 20px;
	padding: 0px 0px 20px 31px;
	font-size: 11px;
	font-family: Tahoma, Geneva;
	
}
.allcat .bbig { font-size: 12px; }
.allcat a {
	color: #333;
	text-decoration: underline;
}
.allcat a:hover { text-decoration: none; }
.catinfo {
	float: left;
	width: 360px;
	padding-bottom: 20px;
	font-size: 11px;
}
.catin {
	float: left;
	width: 160px;
	line-height: 16px;
	margin: 0px 10px 20px 10px;
	padding-bottom: 5px;
	text-align: center;
	background: #EEE;
	border: 1px solid #D4D4D4;
}
	.catin a { font-weight: bold; }
	.catin a:hover { color: #B90506; }
	.catin a img {
		width: 160px;
		height: 160px;
		margin-bottom: 5px;
		border-bottom: 1px solid #B90506;
	}
.web_pages {
	padding: 10px 30px 40px 30px;
	color: #333333;
}
.pager {
	height: 24px;
	line-height: 20px;
	padding: 10px 0px 10px 21px;
	color: #666;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica;
}
.pager a {
	display: block;
	float: left;
	margin: 0px 10px;
	color: #666;
}
.pager a:hover { color: #DD0006; }
.pager a.num {
	margin: 0px;
	padding: 0px 8px 0px 8px;
	border-left: 1px solid #666;
}
.pager a.current {
	color: #000;
	margin: 0px;
	padding: 0px 8px 0px 8px;
	font-weight: bold;
	border-left: 1px solid #666;
}
.pager a.num:hover { }
.contentdetail {
	color: #333;
}
.detailtopleft {
	float: left;
	width: 374px;
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 13px;
	font-family: Tahoma, Geneva;
		
}
.detailtopleftin {
	height: 290px;
	padding: 25px 50px 34px 32px;
	/*background-image: url(../images/gui/bg_detailimg.jpg); background-repeat: no-repeat;*/
	
}
.detailtopleftin img {
	width: 290px !important;
	height: 290px !important;
}
.watermark {
	width: 374px !important;
	height: 349px !important;
	background-image: url(../images/gui/watermark.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index:1000;}
.detailshort {
	/*padding-left: 31px;*/
	padding: 10px 0px;
}
.detailshort a { text-decoration: underline; }
.detailshort a:hover { color: #BD0503; text-decoration: none; }
.detailtopright {
	float: left;
	width: 400px;
	padding: 25px 0px 20px 0px;
	/*background-color: #CCC;*/
}
.detailtopname {
	color: #BD0503;
	margin-bottom: 16px;
	font-size: 12px;
	font-weight: bold;
}
.detailtopname h1 {
	display: block;
	margin-bottom: 10px;
	color: #000;
	font-size: 14px;
	font-family: Tahoma, Geneva;
}
.detailimages { padding-left: 20px; }
.detailimages a {
	float: left;
	margin: 0px 10px 10px 0px;
	cursor: pointer;
}

.detailimages a img {
	border: 1px solid #B90506;
	opacity: 0.8;
	filter:alpha(opacity=80)
}
.detailimages a:hover img {
	border: 1px solid #B90506;
	opacity: 1.0;
	filter:alpha(opacity=100)
}
.detaildesc { padding: 0px 20px 10px 0px; }
.pif {
	padding: 5px 0px;
}
.pif a {
	display: block;
	float: left;
	margin-left: 10px;
	padding: 4px 0px 4px 20px;
	color: #900;
	text-decoration: underline;
}
.rightbanner1 {
	overflow: hidden;
	width: 300px;
	height: 250px;
	margin-bottom: 12px;
	border: 1px solid #999;
}
.rightbanner2 {
	overflow: hidden;
	width: 160px;
	height: 600px;
	margin-bottom: 12px;
	border: 1px solid #999;
}
/*.sep_x3 {
	width: 302px;
	height: 26px;
	background-image: url(../images/gui/bg_sep_x3_1.jpg); background-repeat: no-repeat; background-position: top center;
	border-top: 1px solid #000;
}
.sep_x4 {
	width: 421px;
	height: 26px;
	margin-left: 31px;
	background-image: url(../images/gui/bg_sep_x4_1.jpg); background-repeat: no-repeat; background-position: top center;
	border-top: 1px solid #000;
}*/
.sep_x5 {
	width: 544px;
	height: 22px;
	margin-left: 31px;
	padding: 4px 0px 0px 0px;
	text-align: right;
	/*background-image: url(../images/gui/bg_sep_x4_1.jpg); background-repeat: no-repeat; background-position: top center;*/
	border-top: 1px solid #BD0503;
}
.sep_x7 {
	width: 723px;
	height: 22px;
	margin-left: 31px;
	padding: 4px 0px 0px 0px;
	text-align: right;
	/*background-image: url(../images/gui/bg_sep_x7_1.jpg); background-repeat: no-repeat; background-position: top center;*/
	border-top: 1px solid #BD0503;
}
a.n_back , a.n_top {
	line-height: 18px;
	padding-left: 18px;
	margin: 0px 10px 0px 0px;
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma, Geneva;
	background-repeat: no-repeat; background-position: 2px 2px;
	/*border: 1px solid red;*/
}
a.n_back:hover , a.n_top:hover { color: #BD0503; }
a.n_back { background-image: url(../images/gui/back_arrow.gif); }
a.n_top { background-image: url(../images/gui/top_arrow.gif); }
.crightout {
	float: left;
	width: 301px;
	padding-top: 10px;
	/*background-color: #CCF;*/
}
.crightout2 {
	float: left;
	width: 162px;
	padding: 10px 7px 0px 0px;
}
.youtube {
	width: 300px;
	height: 244px;
	overflow: hidden;
	margin-bottom: 12px;
}
.banner5 {
	padding: 10px 0px 0px 0px;
	text-align: center;
}
.banner5 a { /*display: block;*/ }
ul.links {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	list-style-type: none;
}
	ul.links li {
		float: left;
		width: 170px;
		padding: 4px 4px 15px 4px;
		text-align: center;
	}
		ul.links li img { margin-bottom: 5px; }
		ul.links li a {
			color: #333;
			text-decoration: underline;
		}
		ul.links li a:hover {
			color: #B90506;
			text-decoration: none;
		}
.feed {
	width: 100%;
	line-height: 140%;
	margin-top: 20px;
}
	.feed input , .feed textarea {
		width: 90%;
		border: 1px solid #B08F7E;
	}
	.feed textarea {
		height: 93px;
	}
a.send {
	display: block;
	/*float: right;
	height: 33px;
	line-height: 33px;
	padding: 0px 15px 0px 25px;*/
	cursor: pointer;
	color: #B08F7E;
	font-weight: bold;
	text-decoration: underline;
	/*background-image: url(../images/gui/bg_footer.jpg); background-repeat: no-repeat; background-position: top left;*/
}
a:hover.send { text-decoration: none; }
.footer_top {
	padding: 10px 10px 2px 14px;
}
	.footer_top a {
		display: block;
		float: left;
		width: 100px;
		height: 100px;
		margin: 0px 4px 8px 4px;
		padding: 5px;
		background: #EEE;
		border: 1px solid #D4D4D4;
	}
		.footer_top a img {
			float: left;
			width: 100px;
			height: 100px;
		}
.footer {
	height: 33px;
	line-height: 33px;
	padding: 0px 0px 0px 246px;
	font-size: 10px;
	/*background-image: url(../images/gui/bg_footer.jpg); background-repeat: no-repeat; background-position: top right;*/
	background: #B08F7E;
}
.footer a {
	/*color: #F0F0F0;*/
	text-decoration: underline;
}
.footer a:hover { text-decoration: none; }
.prodinhp { line-height: 15px !important; }
.prodinhp b.old_price { color: #666 !important; }
.webpage {
	
	padding: 0px 30px 0px 31px;
	color: #333;
}
.tab_form { }
.tab_form td {
	padding: 5px 3px;
}
.tab_form input { width: 382px; border: 1px solid #999; background-color: #EEE; }
.tab_form textarea { overflow: auto; width: 382px; border: 1px solid #999; background-color: #EEE; }



/* ========================================== News ========================================== */
#pscroller1 {
	height: 112px;
	margin: 0px 0px;
	background-color: #FFF;
}

#pscroller2 {
	height: 28px;
	line-height: 28px;
}
#pscroller2 a { }

.someclass { }
/* ==================== 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(../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(../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(../images/gui/prev.gif) left 15% no-repeat;
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
#nextLink {
	background: url(../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(../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 */
}