@charset "utf-8";
/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

a:focus, a:active {
  outline:none;
}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#container {
	width: 907px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header {
	padding: 5px 0px 7px 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 92px;
	width: 913px;
} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 232px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px;
	height: auto;
	margin: 0px;
	top: 0px;
	display: block;
}
#mainContent { 
	margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
#footer {
	padding: 0 10px 0 20px;
	font-size: 10px;
	margin-top: -35px;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#top_nav {
	float: right;
	margin-right: 15px;
	color: #828281;
	font-size: 14px;
	padding-bottom: 10px;
}
#top_nav a {
	color: #828281;
	text-decoration: none;
}
#top_nav a:hover {
	color: #0492FF;
	text-decoration: none;
}
#wrapper {
	width: 907px;
	padding: 0px;
	height: auto;
}
#side_nav {
	background: url(../images/side_nav.jpg) no-repeat;
	float: left;
	height: 239px;
	width: 212px;
	margin: 0px;
	padding: 1px 0px 7px 15px;
	position: relative;
	top: 0px;
}
#side_lower {
	background: url(../images/side_nav_bottom.jpg) no-repeat;
	height: 139px;
	width: 226px;
	float: left;
	padding-bottom: 0px;
}
#content {
	height: auto;
	width: 643px;
	float: left;
	padding: 0px;
	margin: 0px;
}
#content_bottom.main {
	background: url(../images/content_main_bottom.jpg) no-repeat;
	height: 34px;
	width: 907px;
	padding: 0px;
	clear: left;
}
#content_bottom.products {
	background: url(../images/content_products_bottom.jpg) no-repeat;
	height: 40px;
	width: 907px;
	padding: 0px;
	clear: left;
}
#content_right {
	background: url(../images/content_right.jpg) repeat-y right;
	float: left;
	height: auto;
	width: 651px;
	margin: 0px;
}
#feature_block {
	background: url(../images/feature_block.jpg) no-repeat;
	height: 288px;
	width: 299px;
	float: left;
}
#green_block {
	background: url(../images/green_block.jpg) no-repeat;
	height: 288px;
	width: 307px;
	float: left;
}
#specials_block {
	background: url(../images/specials_block.jpg) no-repeat;
	height: 288px;
	width: 301px;
	float: left;
}
.spritesnav {
	background: url(../images/nav_sprite.jpg);
	width: 202px;
	height: 239px;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	top: 0px;
}
.spritesnav li {
	display: inline;
}
.spritesnav li a:link, .spritesnav li a:visited, .spritesnav li div {
	top: 0;
	height: 40px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
	clear: left;
	float: left;
	width: 202px;
	padding: 0px;
}
.spritesnav li div {
	z-index: 0;
}

/*------ One ----*/
	.spritesnav #one a:link, .spritesnav #one a:visited, .spritesnav #one div{
	width: 202px;
	height: 40px
	}
	.spritesnav #one a:hover, .spritesnav #one a:focus, .spritesnav #one div {
	background: url(../images/nav_sprite.jpg) no-repeat -202px 0px;
	}
	.spritesnav #one.selected a:link, .spritesnav #one.selected a:visited {
	background: url(../images/nav_sprite.jpg) no-repeat -404px 0px;
	cursor: default;
	}

/*------ Two ----*/
	.spritesnav #two a:link, .spritesnav #two a:visited, .spritesnav #two div{
	width: 202px;
	height: 40px
	}
	.spritesnav #two a:hover, .spritesnav #two a:focus, .spritesnav #two div {
	background: url(../images/nav_sprite.jpg) no-repeat -202px -40px;
	}
	.spritesnav #two.selected a:link, .spritesnav #two.selected a:visited {
	background: url(../images/nav_sprite.jpg) no-repeat -404px -40px;
	cursor: default;
	}
	
/*------ Three ----*/
	.spritesnav #three a:link, .spritesnav #three a:visited, .spritesnav #three div{
	width: 202px;
	height: 40px
	}
	.spritesnav #three a:hover, .spritesnav #three a:focus, .spritesnav #three div {
	background: url(../images/nav_sprite.jpg) no-repeat -202px -80px;
	}
	.spritesnav #three.selected a:link, .spritesnav #three.selected a:visited {
	background: url(../images/nav_sprite.jpg) no-repeat -404px -80px;
	cursor: default;
	}
	
/*------ Four ----*/
	.spritesnav #four a:link, .spritesnav #four a:visited, .spritesnav #four div{
	width: 202px;
	height: 40px
	}
	.spritesnav #four a:hover, .spritesnav #four a:focus, .spritesnav #four div {
	background: url(../images/nav_sprite.jpg) no-repeat -202px -120px;
	}
	.spritesnav #four.selected a:link, .spritesnav #four.selected a:visited {
	background: url(../images/nav_sprite.jpg) no-repeat -404px -120px;
	cursor: default;
	}
	
/*------ Five ----*/
	.spritesnav #five a:link, .spritesnav #five a:visited, .spritesnav #five div{
	width: 202px;
	height: 40px
	}
	.spritesnav #five a:hover, .spritesnav #five a:focus, .spritesnav #five div {
	background: url(../images/nav_sprite.jpg) no-repeat -202px -160px;
	}
	.spritesnav #five.selected a:link, .spritesnav #five.selected a:visited {
	background: url(../images/nav_sprite.jpg) no-repeat -404px -160px;
	cursor: default;
	}
	
/*------ Six ----*/
	.spritesnav #six a:link, .spritesnav #six a:visited, .spritesnav #six div{
	width: 202px;
	height: 40px
	}
	.spritesnav #six a:hover, .spritesnav #six a:focus, .spritesnav #six div {
	background: url(../images/nav_sprite.jpg) no-repeat -202px -200px;
	}
	.spritesnav #six.selected a:link, .spritesnav #six.selected a:visited {
	background: url(../images/nav_sprite.jpg) no-repeat -404px -200px;
	cursor: default;
	}

.spritesnav2 {
	width: 907px;
	height: 55px;
	background: url(../images/products_sprite.jpg) no-repeat;
	position: relative;
	margin: 0;
	float: left;
}


.spritesnav2 li {
	display: inline;
}
.spritesnav2 li a:link, .spritesnav2 li a:visited, .spritesnav2 li div {
	height: 55px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
	float: left;
	width: 907px;
	padding: 0px;
	top: 0;
}

.spritesnav2 li div {
	z-index: 0;
}

/*------ One ----*/
	.spritesnav2 #one a:link, .spritesnav2 #one a:visited, .spritesnav2 #one div{
	width: 299px;
	height: 55px
	}
	.spritesnav2 #one a:hover, .spritesnav2 #one a:focus, .spritesnav2 #one div {
	background: url(../images/products_sprite.jpg) no-repeat 0px -55px;
	}

/*------ Two ----*/
	.spritesnav2 #two a:link, .spritesnav2 #two a:visited, .spritesnav2 #two div{
	width: 307px;
	height: 55px
	}
	.spritesnav2 #two a:hover, .spritesnav2 #two a:focus, .spritesnav2 #two div {
	background: url(../images/products_sprite.jpg) no-repeat -299px -55px;
	}
	
/*------ Three ----*/
	.spritesnav2 #three a:link, .spritesnav2 #three a:visited, .spritesnav2 #three div{
	width: 301px;
	height: 55px
	}
	.spritesnav2 #three a:hover, .spritesnav2 #three a:focus, .spritesnav2 #three div {
	background: url(../images/products_sprite.jpg) no-repeat -606px -55px;
	}
	

#home_image {
	background: url(../images/home_content.jpg) no-repeat;
	width: 643px;
	height: 328px;
	padding-bottom: 10px;
}
.quote {
	font-style: italic;
	font-size: 14px;
	font-weight: bold;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 22px;
}
.quotesource {
	font-style: normal;
	text-align: right;
	float: right;
	line-height: 14px;
	margin-right: 10px;
}
#content_wrapper {
	margin: 0px;
	padding: 0px;
	float: left;
}
#sitesearch {
	height: auto;
	width: 226px;
	float: left;
	clear: left;
}
#products_menu {
	float: left;
	clear: left;
	height: 55px;
	width: 932px;
}

#content_left {
	background: url(../images/content_left.jpg) repeat-y left;
	height: auto;
	width: 907px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#content_left .top {
	background: url(../images/content_left_top.jpg) no-repeat left top;
	height: auto;
	width: 232px;
	float: left;
	padding: 0px 0px 0px 24px;
}
#content_right .top {
	background: url(../images/content_right_top.jpg) no-repeat right top;
	height: auto;
	width: 618px;
	float: left;
	padding: 0px 33px 0px 0px;
}
#search_box {
	height: 33px;
	width: 230px;
	float: left;
}
#sitesearch .text {
	font: bold 15px Arial, Helvetica, sans-serif;
	padding-left: 4px;
}
#sitesearch .submit {
	background: url(../images/search_button.jpg);
	float: left;
	height: 33px;
	width: 21px;
}
#product_list_menu {
	font: bold 15px Arial, Helvetica, sans-serif;
	text-align: justify;
	padding-left: 5px;
	color: #808181;
	height: auto;
	width: 933px;
}
#product_list_menu span {
	font-weight: normal;
	color: #999;
}
#product_list_menu span.blue {
	font-weight: bold;
	color: #0591ff;
}
#product_list_menu span.green {
	font-weight: bold;
	color: #11ad01;
}
#product_list_menu span.red {
	font-weight: bold;
	color: #f40a0a;
}
#product-blocks.hidden {
	visibility: hidden;
	display: none;
}
#content.products {
	background: url(../images/products_background.jpg) no-repeat center bottom;
	width: 623px;
	min-height: 776px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
#side_bottom_content.products {
	background: url(../images/order_block.jpg) no-repeat;
	height: 339px;
	width: 226px;
	float: left;
}
#content.main {
	min-height: 437px;
}
#content.text {
	min-height: 437px;
	padding-left: 10px;
	padding-right: 10px;
	width: 607px;
	text-align: justify;
	font: 16px/21px Arial, Helvetica, sans-serif;
}
#content.sitefiles {
	min-height: 437px;
	padding-left: 10px;
	padding-right: 10px;
	width: 607px;
	text-align: left;
	font: 16px/21px Arial, Helvetica, sans-serif;
	clear: left;
}
img.floatLeft {
	float: left;
	margin: 3px 8px 0px 0px;
}
img.floatRight {
	float: right;
	margin: 0px 0px 0px 15px;
}
#content h2 {
	font: bold 24px/24px Arial, Helvetica, sans-serif;
	color: #349bc6;
}
#content h2 span.green {
	color: #11ad01;
}
#content h2 span.gray {
	color: #A9A9A9;
}
#content h2 span.red {
	color: #f40a0a;
}
#content .product_listing {
	color: #0a0645;
	font: 15px/22px Arial, Helvetica, sans-serif;
	padding-top: 10px;
	clear: left;
	float: left;
	padding-bottom: 10px;
	border-bottom: 2px ridge #FFF;
	width: 610px;
}
#content .product_listing span.bold {
	font-weight: bold;
}
#content .product_listing span.superscript {
	font-weight: normal;
}
#content .product_listing .product_description {
	float: left;
	height: auto;
}
#content hr.product_listing {
	width: 100%;
	padding: 10px 0px 0px;
	margin: 0px;
	border-top: thick ridge #F00;
	border-right: thick none #F00;
	border-bottom: thick none #F00;
	border-left: thick none #F00;
}
/*****Basic Layout*****/
ul.filter {
	float: left;
	list-style: none;
	margin-left: -5px;
	width: 100%;
	margin-right: auto;
	margin-bottom: 5px;
}
ul.filter li {
	float: left;
	line-height: 16px;
}
ul.filter.one li {
	padding-left: 10px;
}
ul.filter.two li {
	padding-left: 6px;
}
ul.filter.three li {
	padding-left: 5px;
}
#filterMenu .filter.one li.vert-divide {
	border-right: 1px solid #CCC;
	height: 16px;
	float: left;
	padding-right: 10px;
}
#filterMenu .filter.two li.vert-divide {
	border-right: 1px solid #CCC;
	height: 16px;
	float: left;
	padding-right: 6px;
}
#filterMenu .filter.three li.vert-divide {
	border-right: 1px solid #CCC;
	height: 16px;
	float: left;
	padding-right: 5px;
}

ul.filter li:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
ul.filter a {
	color: #A9A9A9;
	text-decoration: none;
	font: bold 15px Arial, Helvetica, sans-serif;
}
ul.filter li.current a, ul.filter a:hover {
	text-decoration: underline;
}
ul.filter li.current a {
	color: #666;
	font: bold 15px Arial, Helvetica, sans-serif;
}

ul#portfolio {
	float: left;
	list-style: none;
	margin-left: 0;
	width: 623px;
}
ul#portfolio li {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0px;
	width: 100%;
}
ul#portfolio a {
	display: block;
	width: 100%;
	color: #339999;
	text-decoration: none;
}
ul#portfolio a:hover {
	text-decoration: none;
	color: #00CCFF;
	background-color: #000;
	/* filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7; */
	opacity: 0.7;
}
ul#portfolio img {
	border: 1px solid #dedede;
	display: block;
	padding-bottom: 1px;
}
#detail {
	height: 710px;
	width: 440px;
	float: left;
	background: #666666;
}
#filterMenu {
	height: 70px;
	width: 99%;
	border-top: thin dotted #CCC;
	padding-top: 8px;
	border-bottom: thin dotted #CCC;
	margin-bottom: 20px;
}
.hidden {
	display: none;
}
.product_description.normal {
	width: 520px;
}
.product_description.short {
	width: 464px;
}
#product-blocks_container {
	height: auto;
}
a.img {
	border: none;
}
img { border: none; } 
#portfolio .product_categories .product_listing .product_description.normal .bold .ajaxify.category {
	display: inline;
}
#content p .bold {
	font-weight: bold;
	font-size: 20px;
}
/* Site Search */
		.highlight { background: #FFFF40; }
		.searchheading { font-size: 130%; font-weight: bold; }
		.summary { font-size: 80%; font-style: italic; }
		.suggestion { font-size: 100%; }
		.results { font-size: 100%; }
		.category { color: #999999; }
		.sorting { text-align: right; }

		.result_title { font-size: 100%; }		
		.description { font-size: 100%; color: #008000; }
		.context { font-size: 100%; }
		.infoline { font-size: 80%; font-style: normal; color: #808080;}

		.zoom_searchform {
	font-size: 100%;
	height: 50px;
	overflow: hidden;
}
		.zoom_results_per_page {
	font-size: 80%;
	margin-left: 10px;
	visibility: hidden;
}
		.zoom_match {
	font-size: 80%;
	margin-left: 10px;
	visibility: hidden;
}				
		.zoom_match input {
	visibility: hidden;
}
		.zoom_categories { font-size: 80%; }
		.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
		.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }

		input.zoom_button {  }
		input.zoom_searchbox {
	width: 135px;
}		
		
		.result_image { float: left; display: block; }
		.result_image img { margin: 10px; width: 80px; border: 0px; }

		.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
		.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }
		
		.result_pages { font-size: 100%; }
		.result_pagescount { font-size: 100%; }
		
		.searchtime { font-size: 80%; }
		
		.recommended 
		{ 
			background: #DFFFBF; 
			border-top: 1px dotted #808080; 
			border-bottom: 1px dotted #808080; 
			margin-top: 15px; 
			margin-bottom: 15px; 
		}
		.recommended_heading { float: right; font-weight: bold; }
		.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
		.recommend_title { font-size: 100%; }
		.recommend_description { font-size: 100%; color: #008000; }
		.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}
		p small {
	visibility: hidden;
}
dd {
	margin-left: 15px;
}
dt {
	margin-top: 10px;
}
dl.2 {
	margin-left: 40px;
}
#sitemap {
	margin-left: 45px;
}
#header_logo {
	height: 62px;
	width: auto;
	/*clear: both;*/
	/*position: relative;*/
	float: left;
	padding-top: 25px;
}
#header_logo_container {
	background: url(../images/logo.jpg);
	height: 62px;
	width: 341px;
	float: left;
}
#loader {
	margin-top: 0px;
	margin-left: 0px;
	height: 62px;
	width: 200px;
	float: left;
	font-size: 12px;
	color: #349bc6;
	vertical-align: top;
}
#loader img {
	padding-top: 10px;
}
#filterMenu .filter.one {
	margin-left: 2px;
}
#filterMenu .filter.two {
	margin-left: 2px;
}
#filterMenu .filter.three {
	margin-left: 2px;
}
#wrap {
	margin: 0px auto;
	width: 800px;
}
.lW { float: left; clear: left; height: 20px; }
.rW { float: right; clear: right; height: 20px; }#product-blocks p {
	font: normal 16px/20px Arial, Helvetica, sans-serif;
	letter-spacing: .75px;
}
#gp-wrap {
	width: 230px;
	margin-left: 38px;
}
#gp-wrap p {
	font: 16px/20px Arial, Helvetica, sans-serif;
	margin-top: 13px;
	text-align: left;
}
#cs-wrap {
	margin-left: 31px;
	margin-right: 25px;
	margin-top: 55px;
}
#cs-wrap p {
	font: 16px/20px Arial, Helvetica, sans-serif;
}