@charset "utf-8";
/* CSS Document */

/* ###########################################################################

	You Will Find All CSS Styles for:
	
	- Global Theme Elements 
	- Header
	- Modules
	- Center
		* Timed Content
		* FAQ Generator
	- Footer
	- NS Copyright


########################################################################### */

/* GLOBAL THEME ELEMENTS
-------------------------------------------------------------------------- */
body { background: #e5e5e5 url(../images/layout/body.jpg) center top repeat-x; }

	/*Site Containers*/
	#wrapper, #page-container,
	.page-header, .page-body-content,
	.page-footer-content, .page-copyright-content { width: 960px; margin: 0 auto; padding: 0; }
	
	#wrapper { padding:25px 0; }

	/*Sections*/
	.header, .page-body-columns, .footer { width: 960px; }

	/*Do Not Edit .page-column-center's margins or width - 960 elements*/
	.page-body-columns { margin: 0; padding: 0 10px; width: 100%; }
	.page-body-columns td { vertical-align: top; }
		.page-column-left 		{ padding: 0px 10px 10px; width: 220px; }
		.page-column-center 	{ margin-left: auto; margin-right: auto; padding: 0px 10px 20px; width: 100%; }
		.page-column-right 		{ padding: 0px 10px 0; width: 240px; }


	/* CONTENT DISPLAY Formatting ----- */
	/*This is where you will set if a column appears site-wide 
	  or by page-type... just add "display: none:"*/

	/* What Displays SITE WIDE */
	.page-column-center 	{  }
	.page-column-left 		{  }
	.page-column-right 		{ display: none; }
	
	/* What Displays on HOME PAGE */
	.cart-page-type.index-page .page-column-center 	{  }
	.cart-page-type.index-page .page-column-left 	{  }
	.cart-page-type.index-page .page-column-right 	{  }
	
	/* What Displays on CATEGORY PAGES */
	.category-page-type .page-column-center {  }
	.category-page-type .page-column-left 	{  }
	.category-page-type .page-column-right 	{  }
	
	/* What Displays on PRODUCT PAGES */
	.product-page-type .page-column-center 	{  }
	.product-page-type .page-column-left 	{  }
	.product-page-type .page-column-right 	{  }
	
	/* What Displays on CONTENT PAGES */
	.content-page-type .page-column-center 	{  }
	.content-page-type .page-column-left 	{  }
	.content-page-type .page-column-right 	{  }


/* HEADER ELEMENTS =header
  See: Global Theme Elements at the top to format .header container
-------------------------------------------------------------------------- */
.header { 
	clear: both;
	height: 222px;
	position: relative;
	width: 960px;
	z-index: 1000;
	background:url(../images/layout/header.png) center top no-repeat;
}

	.logo { left: 10px; position:absolute; top: 40px; z-index: 2500; }
	
	.facebook { right: 320px; position:absolute; top: 122px; z-index: 2500; }
	
			
	.fax-email { 
		position:absolute;
		top:42px;
		right:10px;
		text-align:right;
		font-size:14px;
		color:#000080;
		font-weight:bold;
		}
	
	/*Custom Top Search*/	
	.custom-search table { }
	#custom-search { /* Search Field Location */
		position: absolute;
		right: 10px;
		top: 120px;
		z-index: 2001;
		width:298px;
		height:24px;
		border:1px solid #e2e2e4;
		background:#FFF url(../images/layout/custom-search.gif) 279px 6px no-repeat;
	}
		.custom-search {}
		.custom-search-text {  }
		#custom-search .textbox { /*search text resizing*/
			width:265px;
			padding:4px 0 5px 7px;
			margin:0;
			border:none;
			background:none;
			font-size:12px;
			color:#727374;
		}
		.custom-search-button { }


	/* Navigation: Main Menu =navigation -------*/
	.main-menu { z-index: 2000; }
		.main-menu li { z-index: 1; }
		.main-menu li ul { z-index: 2; }
		.main-menu li ul li { z-index: 3; }
		.main-menu li ul li ul { z-index: 4; }
		.main-menu li ul li ul li { z-index: 5; }
		
	/* MENU */
	.main-menu { left: 0px; position: absolute;  top: 170px; width:950px; background:url(../images/layout/main-menu.png) center top no-repeat; margin:0; padding:0 5px; }
	.main-menu li { margin: 0; padding: 0; }
	.main-menu li, .main-menu li a { float: left; }
	.main-menu li { list-style: none; position: relative; }
	
	.main-menu li a { 
		/*This formats the horizontal menu links*/
		
		color: #FFF;
		padding: 9px 17px 8px;
		text-decoration: none;
		text-transform:uppercase;
		font-weight:bold;
	}
	.main-menu li a:hover, .mainmenu li.sfHover  { 
		/*This is the link hover*/
		background:url(../images/layout/main-menu.png) center bottom no-repeat;
		color: #000080;
		text-decoration: none;
	}

		/* Submenu ul - This First drop down */
		.main-menu li ul {
			border-top: 1px solid #cccccc;
			border-left: 1px solid #cccccc;
			border-right: 1px solid #cccccc;
			background: #ccc;
			display: none;
			left: 0;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 100%;  
		}
		.main-menu li:hover > ul, .main-menu li.sfhover > ul {  display: block; margin: 0;  padding: 0; }
		.main-menu li ul li, .main-menu li ul li a { float: none; }
		.main-menu li ul li { _display: inline; margin: 0; padding: 0; }
		.main-menu li ul li a {
			border-bottom: 1px solid #cccccc;
			display: block;
			width: 150px;
		}
		
		/* SUBSUB Menu
		   - This relates to all aditional levels. 
		   There is no need to tweak this unless needed.
		   They take on the same design formating as ".main-menu li ul li a" */
		.main-menu li ul li ul { display: none; }
		.main-menu li ul li:hover ul,
		.main-menu li ul li.sfhover ul{ left: 100%; top: 0; }
	
	
	/*Navigation: Main Menu -------*/
	.main-menu { z-index: 2000; }
		.main-menu li { z-index: 1; }
		.main-menu li ul { z-index: 2; }
		.main-menu li ul li { z-index: 3; }
		.main-menu li ul li ul { z-index: 4; }
		.main-menu li ul li ul li { z-index: 5; }
		
	/*User Menu*/
	.user-menu {
		list-style-type: none;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 10px;
		top: 10px;
	}
	.user-menu li a, .user-menu li { float: left; font-size:12px; }
	.user-menu li { list-style: none; }
	.user-menu span {}
	.user-menu a { margin: 0px 0px 0px 25px; }
	.user-menu a:hover { }
	
	.user-menu a.shop-cart { font-weight:bold; text-decoration:none; text-transform:uppercase; font-size:14px; }
	.user-menu a.shop-checkout { color:#727374; text-decoration:none; margin-left:8px; margin-top:1px; }
	.user-menu a.shop-checkout strong { color:#990000; }
	.user-menu a.shop-checkout:hover strong { color:#000080; }
	

	/* USER DETAILS ---------------*/
	.user-details { position: absolute; right: 20px; top: 10px; }
	.user-details p { 
		color: #7d7d7d;
		font-size: 12px;
		margin: 0; 
		line-height: 1.35;
		text-align: right; }
	.user-details .welcome-message {}
	.user-details .cart-details {}
	.user-details .user-name {}
	.user-details .company-name {}
	.user-details .cart-count { font-weight: bold; }
	.user-details .cart-total { font-weight: bold; }



/* MODULES =modules
-------------------------------------------------------------------------- */

/*Margin-bottom will adjust the space 
between modules. do not touch margin: 0 10px;*/
.module { width: 220px !important; margin: 0; margin-bottom: 10px; background:url(../images/layout/module.gif) center top repeat-y; }

	/*Module Header*/
	.module-header { padding: 0px; margin: 0px; }
	
	/*Module Body*/	
	.module-body { padding: 15px 10px 20px; background:url(../images/layout/module-body.gif) center bottom no-repeat; }


		/*----- Global Module Form Field Formatting -----*/
		
		/*Adjust Border and Backgrounds*/
		.page-column-left .textbox, 
		.page-column-right .textbox { border: 1px solid #b8b8b8; }
		
		/*Adjust Widths for Login|MailingList*/
		.page-column-left .textbox, 
		.page-column-right .textbox { margin: 0px; width: 93%; }

		/*MANUFACTURERS SELECT: Drop Down*/
		.select.manufaturers-module-list { width: 165px !important; }
		
		/*FIX for SEARCH and SHOPPING LIST*/	
		.search-module .mod-body-body table td,
		.list-search-module .mod-body-body table td { padding-right: 0px !important; }

	
		/*LIST MODULES - CATEGORY, PRICE, & LINKS -----*/

		/*CATEGORY*/
		 .category-module {  }
		/*PRICE*/
		 .price-module {  }
		/*LINKS*/
		 .links-module {  }
		 
		 	/*z-index*/
			.module .module-list { z-index: 2000; }
				.module .module-list li { z-index: 1; }
				.module .module-list li ul { z-index: 2; }
				.module .module-list li ul li { z-index: 3; }
				.module .module-list li ul li ul { z-index: 4; }
				.module .module-list li ul li ul li { z-index: 5; }
		 
			/*Module List Menus =category */
			 .module .module-list { list-style-type: none; margin: 0px; padding: 0px; }
			 .module .module-list li, .module .module-list li.selected {
				display: block;
				margin: 0px 0px 0px 0px;
				padding: 4px 0px 4px 12px;
				position: relative;
				background: transparent url(../../../images/assets/bullet_gray_arrow.png) no-repeat 0 8px;
				font-size:12px;
				border-top:1px solid #e2e2e4;
				}
				
				.module .module-list li:first-child {
					border-top:none;
					}
				.module .module-list li a { 
				 	font-size:12px;
					text-decoration:none;
					color:#000080;
					padding: 0 0 0 0; }
				
				.module .module-list li a:hover {
					color:#990000;
					}
					
			 	 .module .module-list li.selected {
					background: transparent url(../../../images/assets/bullet_gray_arrow_down.png) no-repeat 0 10px;
					}	
					
				 .module .module-list li.selected span { /*Selected Category*/
					 display: block;
					 margin: 0;
					 color:#990000;}
				
				/*Second Teir Nav - Default*/
				 .module .module-list li ul { list-style-type: none; margin: 5px 0 5px 10px; padding: 0px; }
					 .module .module-list li ul li { }
					 .module .module-list li ul li a {  }
					 .module .module-list li ul li a:hover { }
					 .module .module-list li ul li span { }
					
					 .module .module-list li ul li a,
					 .module .module-list li ul li,
					 .module .module-list li ul li span { }
					 
				
				/*Place: FLY-OUT MENU CSS HERE =flyout ----------------------*/

					 
					 

		/*MAILING LIST Module = mailing */
		 .mailing-list-module table { clear: both; }
		 .mailing-list-module-text { clear: both; float: left; }
		 .mailing-list-module .label { display:block; clear:both; }
			
		/*MANUFACTURERS Module =manufacturers */
		.manufacturers-module {}
		.manufacturers-module .module-body table { margin: 0; }
		.manufacturers-module .mod-body-body { text-align: center; }
		
			
		/*CUSTOM HTML*/
		
			
		/*FEATURED PRODUCTS*/
		.product-list-module {}
		.product-list-module .featured-products-item {
			border: 1px solid #e1e1e1;
			text-align:center;
			margin: 0 0 15px;
			padding: 10px; }
		.product-list-module a, .featured-products-item-price { display: block !important; padding: 0 0 5px !important; }
		.product-list-module  .featured-products-item-img { margin: 0 0 5px; padding: 5px 0 0; }
		.product-list-module  .featured-products-item-img img {
			width:150px!important; /* Width Override to Prevent Column Breaking */
		}

				
		/*SHOPPING LIST*/
		 .list-search-module {}
			
		/*LOGIN =login */
		.login-module {}
		.login-module .label {display: block; /* IE6 Label Fix */clear: both; /* IE6 Label Fix */}
		.login-module .mod-body-body table { margin: 0 !important; }
		.login-module #password-message {  display: block; padding: 5px 0; }
		.login-module #password-message small {  font-size: 10px !important; line-height: 1.25; }
		.login-module .mod-box {/*viewable when logged in*/}
		.login-module .mod-box-body {}
		.login-module .mod-box-body strong { font-size: 12px !important; margin: 0 0 5px !important; padding: 0 !important; }
		.login-module .mod-box-body p strong { font-size: 12px !important; font-weight: normal !important; padding: 0 !important; }
		.login-module .mod-box-body div.right { float: left !important; }
			
		/*SEARCH*/
		 .search-module { }
		 
		 	/*Only visable during searches*/
			.ref-container {}
			.ref-container h5 { padding: 10px 0 0; }
			.ref-container ul  { margin: 0; padding: 0; list-style-type: none; }
			.ref-container ul ul, .ref-container ul ul ul  { margin: 5px 0; *padding: 5px 0; }
			.ref-container ul li { margin: 0 0 5px; }
			

		/*SHOPPING CART*/
		.cart-module {  }
		.cart-module .module-body table { margin: 0 !important; }
		.mini-cart-separator {
			display:block; 
			height:1px; 
			border:0; 
			border-top:1px solid #ccc; 
			margin: 5px 0; 
			padding:0; }
		.cart-module .mod-box-body .mini th { font-size: 12px !important; }
		.cart-module .mod-box-body .mini td, 
		.cart-module .mod-box-body .mini th { padding: 5px 2px; }
		.mini-cart-header-quantity, 
		.mini-cart-header-title, 
		.mini-cart-header-total { background: #ebebeb; }
		.mini-cart-item-quantity, 
		.mini-cart-item-title, 
		.mini-cart-item-total { font-size: 10px !important; text-align: center !important; }
		.cart-module .edit-cart,
		.cart-module .checkout-options .cart-checkout img { 
			text-align: center !important;
			display: block;
			margin: 0 auto; }


/* CONTENT AREA - 
   See cart.css for product and category layouts
-------------------------------------------------------------------------- */
.page-body-columns { background: #ffffff; }

	/* BREADCRUMBS --------------------------------------*/
	.breadcrumb { margin: 0px 0px 20px; }
		.breadcrumb span {}
		.breadcrumb span span {}
		.breadcrumb span span a {}
		.breadcrumb span span a:hover {}

	/* jQuery.Cycle FADERS ------------------------------*/



	/* TIMED CONTENT ------------------------------------*/
	.content-item { margin-bottom: 20px; }
	
		/*Content Header*/
		.content-item-header { margin: 0 0 10px; }
		.content-item-header span { display: block; margin: 0 0 6px; }
		.content-item-title { /*See: 01_typogrpahy.css Headers*/ }
		.content-item-date { /*See: 01_typogrpahy.css Headers*/ }
		
		/*Content Body*/
		.content-item-body { line-height: 1.35; }

	/* FAQ Generator ------------------------------------*/
	.faqlist { margin-bottom: 20px; }

		/*FAQ Seperators*/
		.faq-separator { clear: both; /*Global Seperator*/}
		#faqlist-separator {/*Bbetween Title and Questions*/}
		#flq-separator {/*Between Questions and Answers*/}
		
		/*FAQ Title*/
		h3.faqlist-title {}
		
		/*FAQ Questions (top links)*/
		ul.faqlist-questions { margin: 0 0 20px; padding: 0; list-style-type: none; }
		li.faq-question {
			background: transparent url(../../../images/assets/bullet_arrow_gray.png) no-repeat 0 6px;
			margin: 0 0 10px;
			padding: 0 0 0 10px;
		}
	
		/*FAQ Answers*/
		.faqlist-answers {}
		.fla-wrap { line-height: 1.35; margin: 0 0 20px; }
		.fla-question { /*See: 01_typogrpahy.css Headers*/ }
		.fla-answer { margin: 10px 0; }
		
		/*FAQ Back-to-Top link*/
		.fla-button-text {
			background: transparent url(../../../images/assets/bullet_gray_arrow_up.png) no-repeat 0 4px;
			font-size: 80%;
			padding: 0 0 0 15px; }
		
	/*CONTACT US ---------------------------------------*/
	.contact-us-page {}


/* =FOOTER ELEMENTS =footer
  See: Global Theme Elements at the top to format .footer container
-------------------------------------------------------------------------- */
.footer {
	background:url(../images/layout/footer.png) center top no-repeat;
	clear: both;
	height: 275px;
	position: relative;
	width: 960px;
	z-index: 1000;
	font-size:12px;
}

	#footer-logos {
		position:absolute;
		top:25px;
		left:0px;
		text-align:center;
		list-style:none;
		width:960px;
		padding:0;
		margin:0;
		}
		
		#footer-logos li {
			display:inline;
			padding:0;
			margin:0;
			}
			
			#footer-logos li img {
				width:10%;
				height:10%;
				}

		/*Footer Navigation*/
		.footer-menu {
			left: 0px;
			position: absolute;
			text-align:left;
			top: 154px;
		}
		.footer-menu { margin: 0; padding: 0; list-style-type: none; }
		.footer-menu li { float: left; margin: 0; padding: 0; position: relative; }
		.footer-menu a { padding: 1px 8px; line-height: 18px; text-decoration: none; font-weight:bold; color:#000080; }
		.footer-menu a:hover { text-decoration: underline; color:#990000; }

		/*Copyright*/
		.copyright { 
			color: #666666;
			position: absolute;
			left: 0px;
			width:960px;
			text-align:center;
			top: 285px;
			}
			
		.copyright a { text-decoration:none; color:#000080; font-weight:bold; margin:0 3px; }
		.copyright a:hover { text-decoration:underline; color:#990000; }
		
		/*Credit Cards*/
		.credit-cards { left: 15px; position: absolute; top: 195px; }
		.visa, .mastercard, .amex, .discover, .paypal { float: left; height: 30px; width: 48px; }
		.credit-cards .visa 		{ background: url(../../../images/assets/VISA.png) no-repeat top left; }
		.credit-cards .mastercard	{ background: url(../../../images/assets/MasterCard.png) no-repeat top left; }
		.credit-cards .amex 		{ background: url(../../../images/assets/American-Express.png) no-repeat top left; }
		.credit-cards .discover 	{ background: url(../../../images/assets/Discover.png) no-repeat top left; }
		.credit-cards .paypal 		{ background: url(../../../images/assets/PayPal.png) no-repeat top left; }
		.credit-cards .cirrus 		{ background: url(../../../images/assets/Cirrus.png) no-repeat top left; }
		
		/*SSL Button*/
		.SSL-Cert { right: 20px; position: absolute; top: 70px; }
		
		.bbb {
			position:absolute;
			top:150px;
			right:10px;
			}

		.we-ship {
			position:absolute;
			top:195px;
			left:265px;
			}

	
/* NetSol Copyright Area =copyright
-------------------------------------------------------------------------- */
.page-copyright { height: 20px; position: relative; width: 100%; }
#wrapper .page-copyright-content {
	background: transparent;
	padding: 10px 20px 10px;
	text-align: left;
	vertical-align: middle;
}
	.page-copyright-content a {
		color: #959595;
		font-size: 10px;
		font-weight:normal;
		text-decoration: none;
	}
	.page-copyright-content a:hover { text-decoration: underline; }


#faqs-table {border-top:1px solid #e2e2e4; border-left:1px solid #e2e2e4;}
#faqs-table th { text-align:center; }
#faqs-table th, #faqs-table td { padding:6px; border-right:1px solid #e2e2e4; border-bottom:1px solid #e2e2e4; }


#testimonials {
	width:590px;
	height:24px;
	padding:8px 5px 0 105px;
	margin:0 0 20px;
	background:url(../images/layout/testimonials.png) left top no-repeat;
	font-size:12px;
	}