/* Eric Meyer reset.css */
@import url("reset.css");

/* typography */
body { font: normal 70%/1.5em Tahoma, Verdana, Arial, sans-serif; color: #242424; }

h1 { font: normal 2.5em/1em Tahoma; margin: 1em 0 0 0; padding: 0; }
h1.first { margin: 0; }
h2, caption, legend { font: normal 2em Tahoma; margin: 0.75em 0 0 0; padding: 0; text-align: left;}
h3 { font: normal 1.5em/1em Tahoma; margin: 1em 0 0 0; padding: 0; text-align: left;}
h4 { font: normal 1.2em/1.25em Tahoma; margin: 1em 0 0 0; padding: 0; text-align: left; }
h5 { font: bold 1.2em/1em Tahoma; margin: 1em 0 0 0; padding: 0; text-align: left; }
h6 { font: bold 1.2em/1em Tahoma; margin: 1em 0 0 0; padding: 0; text-align: left; }

p { margin: 0.5em 0 0 0; padding: 0; }
p.preamble strong { font-weight: normal; }

ul { margin: 0.5em 0 0 1.5em; list-style-type: square; }
ul ul { list-style-type: disc; }
ol { margin: 0.5em 0 0 2em; list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }
ol ol, ol ul, ul ul, ul ol { margin-top: 0; }

a { color: #7baf4b; }
a:hover { text-decoration: none; color: #5f8f07;}
a:active { outline: 0; }
h1 a { text-decoration: none; }

address { font-style: normal; }

/* forms */
form {}
input, select, textarea, button { font: normal 1em Tahoma; }
input, select, textarea { padding: 3px; border: 1px solid #bdbdbd; width: 232px; } 
label { display: block; }
label.list input { border: 0; width: auto; }


.buttons { padding: 1em 0 0 0; }

/* global classes */
.left { float: left; }
.right { float: right; }

/*.content { width: 960px; margin: 0 auto; height: 1%; }
.content:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }*/

/* images */
.img { clear: both; margin: 1em 0; border: 1px solid #ececec; padding: 2px; }
	.img img { display: block; }
	.img p { font-size: .9em; color: #666; }
	.img.left { display: block; margin: .5em 1.5em .75em 0; }
	.img.right { display: block; margin: .5em 0 .75em 1.5em; }
	
/* file list */	
#file-list { padding-top: 1em; }
	#file-list ul { margin-left: 5px; }
	#file-list li { list-style: none; }
	#file-list li a { font-weight: normal; color: #000; display: block; padding-left: 22px; background: url(/backnet/inc/images/icon/page_white.png) left center no-repeat; }
	#file-list li.txt a { background-image: url(/backnet/inc/images/icon/page_white_text.png); }
	#file-list li.pdf a { background-image: url(/backnet/inc/images/icon/page_white_acrobat.png); }
	#file-list li.rar a { background-image: url(/backnet/inc/images/icon/page_white_compressed.png); }
	#file-list li.zip a { background-image: url(/backnet/inc/images/icon/page_white_compressed.png); }
	#file-list li.xls a { background-image: url(/backnet/inc/images/icon/page_white_excel.png); }
	#file-list li.xlsx a { background-image: url(/backnet/inc/images/icon/page_white_excel.png); }
	#file-list li.doc a { background-image: url(/backnet/inc/images/icon/page_white_word.png); }
	#file-list li.docx a { background-image: url(/backnet/inc/images/icon/page_white_word.png); }
	#file-list li.ppt a { background-image: url(/backnet/inc/images/icon/page_white_powerpoint.png); }
	#file-list li.pptx a { background-image: url(/backnet/inc/images/icon/page_white_powerpoint.png); }
	#file-list li.gif a { background-image: url(/backnet/inc/images/icon/page_white_picture.png); }
	#file-list li.jpg a { background-image: url(/backnet/inc/images/icon/page_white_picture.png); }
	#file-list li.png a { background-image: url(/backnet/inc/images/icon/page_white_picture.png); }
	#file-list li.psd a { background-image: url(/backnet/inc/images/icon/page_white_picture.png); }
.error { border: 1px solid #d8000c;}
div.error { border: 1px solid #d8000c; background: #ffbaba url(/backnet/inc/images/icon_error.png) 15px center no-repeat; color: #000; padding: 15px 10px 15px 60px; margin: 0 0 20px 0;}
	div.error strong { display: block; }
	div.error a { color: #000; }
	
/* microformats */
.vcard {}
	.vcard .fn { display: none; }	
	.vcard .tel .type { display: none; }	
	.vcard .contact-container { display: block; margin: 0; padding: 0; }
	
.box {}
	.box h2 { background: #77b10c url(/inc/images/bg_box_header.png) top left no-repeat; font-weight: bold; color: #fff; font-size: 1.4em; padding: 5px 15px; margin: 0;}
	.box div.box-content { margin-bottom: 30px; background: #f5f5f5; border: 1px solid #e6e6e6; border-top: 0; padding: 10px 15px;}
	.box ul { margin: 0; padding: 0;}
	.box ul li { display: block; list-style: none;}
	.box ul li a { color: #333; display: block; padding: 2px 0; text-decoration: none;}
	.box ul li a:hover  { text-decoration: underline; }
	
	
/* sitemap */
#sitemap { margin-top: 0;}
	#sitemap ul li a { text-decoration: none; font-size: 1.2em;}
	#sitemap ul li a:hover { text-decoration: underline; }
	#sitemap ul li ul li a { font-weight: normal; font-size: 1em;}

#search-form { background: url(/inc/images/bg_search_top.png) top left no-repeat; margin-bottom: 20px; }
	#search-form fieldset { background: url(/inc/images/bg_search_bottom.png) bottom left no-repeat; padding: 10px;}
	#search-form legend { display: none; }
	#search-form div { border: 1px solid #bdbdbd; background: #fff; padding: 1px; height: 1%;}
	#search-form div:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }
	#search-form input { width: 150px; display: block; float: left; border: 0; font-style:italic; font-family: Verdana; padding: 6px 0 5px 5px;}
	#search-form button { border: 0; display: block; float: right; background: url(/inc/images/bg_search_button.png) top left no-repeat; width: 29px; height: 24px; }
	#search-form button span { display: none; }

#document { margin: 0 auto; width: 960px;}

body { background: #e7e7e7; }
#navigation-content:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }
#foot-content:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }
#head { background: url(/inc/images/bg_head.jpg) top left no-repeat; height: 150px; overflow: hidden;}
	#logo { display: block; float: right;}
	#logo a { display: block; }
	#logo a img { display: block; }

#navigation { padding: 0; border-bottom: 8px solid #5f8f07; background: url(/inc/images/bg_navigation.png) top left repeat-x; height: 1%; }
	#navigation ul { padding: 0 20px; margin: 0; border-left: 1px solid #77b10c; border-right: 1px solid #77b10c;}
	#navigation ul:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }
	#navigation ul li { display: block; float: left; }
	#navigation ul li a { color: #fff; text-transform: uppercase; display: block; float: left; padding: 8px 20px; text-decoration: none; }
	#navigation ul li a:hover { background: #77b00e; }
	#navigation ul li a.active,#navigation ul li a.active-parent { background: #5f8f07; }
	
#main { background: #fff; padding: 20px; height: 1%;}
#main:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }
	#scene { width: 460px; float: left; height: 1%; margin: 0 20px;}
	#scene-content { height: 1%; }
	#scene-content:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }
		#paragraph-list {}
			.paragraph-item { clear: both; height: 1%; }
			.paragraph-item:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }
			
		#cart { background: #f8f8f8; margin: 0 10px; border-bottom: 4px solid #d9d9d9; height: 1%;}
		#cart:after { content: "."; clear: both; display: block; position: relative; visibility: hidden; height: 0; }
			#cart .shop-links { width: 275px; float: left; padding-left: 30px;}
			#cart .shop-cart { width: 606px; float: right; padding-right: 30px;}
			#cart ul { margin: 0; padding: 0; }
			#cart ul li { display: block; float: left; margin: 0; padding: 0; list-style: none;}
			#cart a { display: block; float: left; padding: 8px 20px 8px 0; color: #333;}
			#cart .cart a { background: url(/inc/images/icon_cart.gif) center left no-repeat; padding-left: 25px; }
			#cart .checkout { float: right; }
			#cart .checkout a { float: right; padding-right: 0;}
			
			#cart-form input { width: auto; }
			
			#std-form fieldset { margin: 10px 0px 0px 0px; padding:0xp;}
			#std-form legend { font: normal 1.5em/1em Tahoma; margin: 5px 0px; }
			
			#std-form input { font: 1em Tahoma, Verdana, Arial, sans-serif; border: 1px solid #999; padding: 4px; width: 300px; display: block; }
			#std-form textarea { font: 1em Tahoma, Verdana, Arial, sans-serif; border: 1px solid #999; padding: 4px; width: 300px; display: block; }
	        #std-form input[type="hidden"] { display: none; }
	        #std-form label input {padding: 0; margin: 0; border: 0; width: auto; display: inline; }
	        #std-form label.radio {padding-bottom: 5px}
			
			
		#cart-status { position: relative; display: block; }
			
		.nopcart { border: 0; border-collapse: collapse; width: 100%;}
			.nopheader,.nopentry { padding: 5px 10px; }
			.noptotal { padding: 5px 10px 0 10px; }
			.nopheader { background: #5f8f07; color: #fff; }
			.nopbutton { background: #f28e00; border: 0; color: #fff; font-weight: bold; border: 1px solid #f28e00; }
			
		#product-big { border-bottom: 1px solid #c5c5c5; padding-bottom: 20px; margin-bottom: 20px;}
		#product-big.single { border: 0; margin: 0; }
		#product-big:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }
			#product-big .product-image { width: 240px; float: left; padding-top: 3px; display: block; }
			#product-big .product-image img { display: block; margin-top: 3px; }
			#product-big .product-content { width: 220px; float: left; }
			#product-big .product-content.wide { width: 460px; }
			#product-big .product-title { font-size: 2em; line-height: 1em; font-weight: normal; display: block; padding: 5px 0 10px 0;}
			
		#product-list { clear: both; }
			#product-list .product-item { width: 140px; float: left; margin-right: 20px; border-bottom: 1px solid #e5e5e5; padding: 0 0 10px 0;}
			#product-list .product-item.o2 { margin: 0; }
			#product-list .product-item .product-image { height: 130px; width: 140px; border-top: 1px solid #fff;}
			#product-list .product-item .product-image img { display: block; }
			#product-list .product-item .product-title { font-size: 1.3em; font-weight: bold; display: block; padding: 5px 0;}
			#product-list .product-item p.product-description { margin-top: 0; height: 95px; overflow: hidden;}
			.product-description a { font-weight: normal; text-decoration: none; color: #333;}
			.product-description a .read-more { color: #7baf4b; white-space: nowrap; }
			.product-description a:hover .read-more { text-decoration: underline; }
			.product-cart-item { margin: 0; padding: 0; clear: both;}
				.product-cart-item span { color: #c00; font-size: 1.4em; font-weight: bold; }
				.product-cart-item a { text-decoration: none; border: 0; border-top: 5px solid #fff; border-bottom: 5px solid #fff; width: 140px; display: block; background: url(/inc/images/bg_button_addtocart.png) top left no-repeat; color: #fff; font-weight: bold; padding: 4px 0 3px 35px; }
				.product-cart-item a:hover { text-decoration: underline; }
			
			#product-list ul { clear: both; margin: 0; padding: 10px 0 0 0; }
				#product-list ul li { list-style: none; margin: 0; padding: 0; display: inline;}
				#product-list ul li a { display: block; border: 1px solid #7baf4b; float: left; background: #fff; padding: 1px 6px; text-decoration: none; font-weight: normal;margin: 0 1px 0 0;}
				#product-list ul li span { display: block; border: 1px solid #ddd; color: #ddd; float: left; background: #fff; padding: 1px 6px; text-decoration: none; font-weight: normal;margin: 0 1px 0 0;}
				#product-list ul li span.active { background-color: #7baf4b; border-color: #7baf4b; color: #fff; }
			
		#image-list { height: 1%;  }
		#image-list:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }
			#image-list a { display: block; float: left; border: 1px solid #e5e5e5; padding: 2px; margin-right: 12px; margin-bottom: 12px; width: 100px; height: 66px;}
			#image-list a.mod3 { margin-right: 0; }
			
	#navigation-column { width: 210px; float: left; }
		#navigation-column h2 { background: #77b10c url(/inc/images/bg_box_header.png) top left no-repeat; font-weight: bold; color: #fff; font-size: 1.4em; padding: 5px 10px; margin: 0;}
		#navigation-column {  }
			#navigation-column div { margin-bottom: 30px; }
			#navigation-column ul { margin: 0; padding: 0;}
			#navigation-column ul li { display: block; border-bottom: 1px solid #e5e5e5;}
			#navigation-column ul li li { padding-left: 20px; border: 0;}
			#navigation-column ul li li a { padding-top: 0; }
			#navigation-column ul li a { color: #808080; display: block; padding: 5px 10px; text-decoration: none;}
			#navigation-column ul li a.active { text-decoration: underline; }
			#navigation-column ul li a.active,#navigation-column ul li a.active-parent { color: #7baf4b; }
		
	#extra { width: 210px; float: left; }
	
#foot { padding: 15px 20px; background: #0a82c2 url(/inc/images/bg_foot.png) top left no-repeat; color: #a1cde5; height: 1%;}
#foot-content { background: url(/inc/images/logo_foot.png) center left no-repeat; padding: 0 0 0 250px; height: 1%;}
#foot a { color: #a1cde5; }
	#foot address { display: block; float: left; }
	
	#foot #std-links { clear: both; }
		#foot #std-links ul { display: block; float: right; }
		#foot #std-links ul li { display: block; float: left; }
		#foot #std-links ul li a { display: block; float: left; padding-left: 1em;}
		

/* structure outline
div.content { padding-top: 1px; padding-bottom: 1px; border: 1px dotted #999; }
#head-content,#navigation-content,#scene-content,#extra-content,#foot-content { border: 1px dotted #999; }
.paragraph-item { border-bottom: 1px dotted #999;}
#sub-navigation ul li a { border: 1px dotted #999; margin: 1px; }
#sitemap { border-top: 1px dotted #999; margin: 0.5em 0 0 0; padding: 0; } */