@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: #efefef url(../images/layout/body.gif) repeat; }

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

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

	/*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: 20px 0 0 20px ; width: 220px; }
		.page-column-center 	{ margin-left: auto; margin-right: auto; padding: 20px; width: 100%; }
		.page-column-right 		{ padding: 10px 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 	{ display:none; }
	.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: 192px;
	position: relative;
	width: 980px;
	z-index: 1000;
	background:#FFF;
}

	.logo { left: 20px; position:absolute; top: 20px; z-index: 2500; }
	.addthis_toolbox { 
		right: 360px; 
		position:absolute; 
		top: 52px; 
		z-index: 2500;
		}
	
	.customer-support {
		position:absolute;
		top:2px;
		right:2px;
		width:184px;
		height:55px;
		padding:45px  5px 0 18px;
		margin:0;
		background:url(../images/layout/customer-support.png) center top no-repeat;
		font-size:14px;
		color:#3f3f3f;
		}
		
		.customer-support p {
			margin:0;
			padding:0;
			}
	
	/*Custom Top Search*/	
	.custom-search table {  }
	#custom-search { /* Search Field Location */
		position: absolute;
		right: 20px;
		top: 158px;
		z-index: 2001;
		width:378px;
		height:24px;
		padding:1px;
		margin:0;
		background:url(../images/layout/custom-search.png) left top no-repeat;
	}
		.custom-search {}
		.custom-search-text {  }
		#custom-search .textbox { /*search text resizing*/
			width:276px;
			padding:5px 4px 4px 30px;
			margin:0;
			border:none;
			background:none;
			font-size:12px;
			color:#999999;
		}
		.custom-search-button { }


	/* Navigation: Main Menu =navigation -------*/
	.main-menu ul.module-list { z-index: 3000 !important; }
		.main-menu ul.module-list li { z-index: 3001 !important; }
		.main-menu ul.module-list li ul { z-index: 3002 !important; }
		.main-menu ul.module-list li ul li { z-index: 3003 !important; }
		.main-menu ul.module-list li ul li ul { z-index: 3004 !important; }
		.main-menu ul.module-list li ul li ul li { z-index: 3005 !important; }
		
	/* MENU */
	.main-menu { z-index:3000 !important; }
	
	.main-menu ul.module-list { 
		left: 0px; 
		position: absolute;  
		top: 104px; 
		width:980px;
		background:url(../images/layout/main-menu.png) center top repeat-x;
		}
		
	.main-menu ul.module-list, .main-menu ul.module-list li { margin: 0; padding: 0; }
	.main-menu ul.module-list li, .main-menu ul.module-list li a { float: left; }
	.main-menu ul.module-list li { list-style: none; position: relative; }
	
	.main-menu ul.module-list li a, .main-menu ul.module-list li.selected { 
		/*This formats the horizontal menu links*/
		background: ;
		color: #FFF;
		padding: 16px 20px 15px;
		text-decoration: none;
		font-size:12px;
		font-weight:bold;
		text-transform:uppercase;
	}
	
	.main-menu ul.module-list li:first-child a, .main-menu ul.module-list li:first-child.selected {
		color: #e49401;
		}
		
		.main-menu ul.module-list li:hover.selected {
			color: #e49401;
			}
	
	.main-menu ul.module-list li a:hover, .mainmenu li.sfHover  { 
		/*This is the link hover*/
		background:;
		color: #e49401;
		text-decoration: none;
	}

		/* Submenu ul - This First drop down */
		.main-menu ul.module-list li:first-child ul {
			display:none;
			}
		
		.main-menu ul.module-list li ul {
			border-top: 1px solid #723ea2;
			border-left: 1px solid #723ea2;
			border-right: 1px solid #723ea2;
			background: #53218a;
			display: none;
			left: 0;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 100%;  
		}
		.main-menu ul.module-list li:hover > ul, .main-menu ul.module-list li.sfhover > ul {  display: block; margin: 0;  padding: 0; }
		.main-menu ul.module-list li ul li, .main-menu ul.module-list li ul li a { float: none; }
		.main-menu ul.module-list li ul li { _display: inline; margin: 0; padding: 0; }
		.main-menu ul.module-list li ul li a {
			border-bottom: 1px solid #723ea2;
			display: block;
			width: 150px;
			padding: 8px 20px;
		}
		
		.main-menu ul.module-list li ul li.selected {
			border-bottom: 1px solid #723ea2;
			padding:8px 20px;
			}
		
		.main-menu ul.module-list li ul li:first-child a {
			color:#FFF;
			}
			
			.main-menu ul.module-list li ul li:first-child a:hover {
				color: #e49401;
				}
		
		.main-menu ul.module-list li ul li a:hover { background:#2a1049; }
		
		/* 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 ul.module-list li ul li a" */
		.main-menu ul.module-list li ul li ul { display: none; }
		.main-menu ul.module-list li ul li:hover ul,
		.main-menu ul.module-list li ul li.sfhover ul{ left: 100%; top: 0; }
	
	
	/*Navigation: Main Menu -------*/
	.main-menu ul.module-list { z-index: 2000; }
		.main-menu ul.module-list li { z-index: 1; }
		.main-menu ul.module-list li ul { z-index: 2; }
		.main-menu ul.module-list li ul li { z-index: 3; }
		.main-menu ul.module-list li ul li ul { z-index: 4; }
		.main-menu ul.module-list li ul li ul li { z-index: 5; }
		
	
	/* Navigation: Main Menu =navigation -------*/
	.sub-menu { z-index: 2000; }
		.sub-menu li { z-index: 1; }
		.sub-menu li ul { z-index: 2; }
		.sub-menu li ul li { z-index: 3; }
		.sub-menu li ul li ul { z-index: 4; }
		.sub-menu li ul li ul li { z-index: 5; }
		
	/* MENU */
	.sub-menu { 
		left: 0px; 
		position: absolute;  
		top: 150px; 
		width:980px;
		background:url(../images/layout/sub-menu.png) center top repeat-x;
		}
		
	.sub-menu, .sub-menu li { margin: 0; padding: 0; }
	.sub-menu li, .sub-menu li a { float: left; }
	.sub-menu li { list-style: none; position: relative; }
	
	.sub-menu li a { 
		/*This formats the horizontal menu links*/
		background: ;
		color: #666666;
		padding: 14px 20px;
		text-decoration: none;
		font-size:11px;
		font-weight:normal;
		text-transform:uppercase;
	}
	.sub-menu li a:hover, .mainmenu li.sfHover  { 
		/*This is the link hover*/
		background: ;
		color: #53218a;
		text-decoration: none;
	}

		
	/*User Menu*/
	.user-menu {
		list-style-type: none;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 235px;
		top: 20px;
		font-size:12px;
	}
	.user-menu li a, .user-menu li { float: left; }
	.user-menu li { list-style: none; }
	.user-menu span {}
	.user-menu a { margin: 0px 0px 0px 20px; text-decoration:none; color:#999999; text-transform:lowercase;}
	.user-menu a:hover { color:#53218a; text-decoration:underline; }
	
	.user-menu a.cart-link {
		font-weight:bold;
		color: #53218a;
		}
	

	/* 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: 20px; }

	/*Module Header*/
	.module-header { padding: 0px; margin: 0px; }
	
	/*Module Body*/	
	.module-body { padding: 10px 10px 10px 10px; }


		/*----- 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; }
			 
			 .page-column-left .module .module-list li:first-child {
				 display:none;
				 }
			 
			 .module .module-list li, .module .module-list li.selected {
				display: block;
				margin: 0px 0px 5px 0px;
				padding: 0px 0px 0px 0px;
				position: relative;
			}
				.module .module-list li a { 
				 	background: transparent url(../../../images/assets/bullet_gray_arrow.png) no-repeat 0 4px;
					padding: 0 0 0 10px;
					color:#464646;
					text-decoration:none;
					}
					
					.module .module-list li a:hover {
						color:#53218a;
						text-decoration:underline;
						}
					
				 .module .module-list li.selected span { /*Selected Category*/
					 background: transparent url(../../../images/assets/bullet_gray_arrow_down.png) no-repeat 0 6px;
					 display: block;
					 margin: 0px 0px 5px 0px;
					 padding: 0 0 0 12px;
					 color:#e49401;}
				
				/*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-wrap.png) repeat;
	clear: both;
	height: 243px;
	position: relative;
	width: 980px;
	z-index: 1000;
	font-size:12px;
}

.footer-container {
	background:url(../images/layout/footer-container.png) center top no-repeat;
	clear: both;
	height: 243px;
	position: relative;
	width: 980px;
	}


		/*Footer Navigation*/
		.footer-menu {
			left: 20px;
			position: absolute;
			text-align:left;
			top: 35px;
			font-size:12px;
		}
		.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 0; margin-left:30px; line-height: 18px; text-decoration: none; text-transform:uppercase; font-weight:bold; color:#53218a; }
		.footer-menu li:first-child a { margin-left:0; }
		.footer-menu a:hover { text-decoration: underline; }

		/*Copyright*/
		.copyright { 
			color: #818181;
			position: absolute;
			left: 20px;
			text-align:left;
			top: 60px;
			text-transform:lowercase;
		}
		
		/*Copyright*/
		.footer-contact { 
			color: #818181;
			position: absolute;
			left: 20px;
			text-align:left;
			top: 80px;
			text-transform:lowercase;
			}
			
			.footer-contact a {
				color:#53218a;
				text-decoration:none;
				}
				
				.footer-contact a:hover {
					text-decoration:underline;
					}
		
		/*Credit Cards*/
		.credit-cards { right: 20px; position: absolute; top: 30px; }
		.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; }
		.credit-cards .google-checkout 		{ background: url(../../../images/assets/google-checkout.png) no-repeat top left; float:left; width:85px; height:30px}
		
		/*VeriSign Trusted Button*/
		.verisign { left: 30px; position: absolute; top: 123px; }
		
		/*eBay Power Seller Button*/
		.ebay { left: 199px; position: absolute; top: 127px; }
		
		/*amazon seller  button */
		.amazon-seller {right: 30px; position: absolute; top: 127px;}
		/*UpFront Button*/
		.upfront { left: 410px; position: absolute; top: 133px; }
		
		/*SSL Button*/
		.SSL-Cert { right: 230px; position: absolute; top: 145px; }



	
/* 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; }
	
	
ul.featured-brands {
	width:940px;
	text-align:center;
	list-style:none;
	margin:0;
	padding:0;
	}
	
	ul.featured-brands li {
		display:inline;
		padding:0;
		margin:0 15px;
		}
		
.backtoptop {
	text-align:right;
	font-size:11px;
	}
	
#home-maillist {
	position:absolute;
	top:362px;
	left:30px;
	display:none;
	}
	
	.index-page #home-maillist {
		display:block;
		}
	
	#home-maillist .label {
		display:none;
		}

#home-maillist .textbox {
	width:175px !important;
	padding:4px;
        margin-right: 1em;
	border:1px solid #cccccc;
	background:url(../images/layout/maillist-bg.png) left top no-repeat;
	}
#home-maillist input[type="image"] {
margin-top: 0 !important;
}
#home-maillist #ctl00_ctl14_mailingList_imbSubmit {
	position:absolute;
	top:-5px;
	left:188px;
	}

/* MTS */

.centered {
text-align: center;
}