﻿/* ScanSource, Catalyst, Paracon, ScanSource Inc. */

@charset "utf-8";
img									{display:block;}
body								{font-family:Arial, Helvetica, sans-serif; padding:0 0 10px 0; margin:0; color:#666666; font-size:.8em; line-height:1.2em; background-color:#FFFFFF; height:100%;}
div.container						{text-align:center; width:974px; margin:auto;}
div.content							{text-align:left; margin-top:10px;}


	
/******************************************************************************************************************
* DROPDOWNS
******************************************************************************************************************/

.dropmenu							{position:absolute; top:0; border:1px solid #aaa; border-bottom-width:0; z-index:100; background-color:#eee; width:175px; visibility:hidden; text-align:left;}

.dropmenu ul li a:link,
.dropmenu ul li a:visited			{color:#535353; text-decoration:none; font-size:.85em; padding:5px;}
.dropmenu ul li a					{width:auto; display:block; text-indent:3px; border-bottom:1px solid #aaa; padding:2px 0; text-decoration:none;}

* html .dropmenu ul li a			{width:100%;}
.dropmenu ul li a:hover 			{background-color:#666; color:#fff;}

	

/******************************************************************************************************************
* GENERAL
******************************************************************************************************************/
	
h1, h2, h3, h4						{font-family: Arial, Helvetica, sans-serif; font-size:.85em; font-weight:bold; color:#535353; margin-bottom:1em;}
h1									{font-size:1.15em;}
h2									{font-size:.85em;}
h3									{font-size:1em; margin:.75em 0 .5em 0; }
h4									{font-size:.9em; padding:.75em 0 .75em 0; margin:0; text-transform: uppercase; }
td h4                               {font-size:1em; padding:.75em 0 .75em 0; margin:0; text-transform: uppercase; }
p 									{font-size:.75em; line-height:1.2em; margin-bottom:1em;}
* html p 						    {font-size:.75em; line-height:1.2em; margin-bottom:1em; padding: 0px;}

li									{padding:0; margin:0; list-style:none;}
input,select						{font-family: Arial, Helvetica, sans-serif; }
a:link, a:visited					{color:#EF6B00; text-decoration:underline; }
a:hover								{color:#EF6B00;}
td ul                               {line-height: 1.2em;	font-size: 1.1em;}
ul.menu								{padding:0; margin:0; list-style:none;}
ul.bullet_grey li					{line-height: 1em; padding-left: 5px; list-style:none; color:#666666; background:url(../images/bullet_grey.gif) no-repeat left .55em;}
ul.bullet_arrow li					{font-size:.75em; line-height:1.2em; padding-left:15px; list-style:none; background:url(../images/arrow.gif) no-repeat left top;}

ul.bullet li						{line-height:1em; padding-left:5px; list-style:none; color:#F49100; background:url(../images/bullet.gif) no-repeat left .55em;}
ul.bullet li a:link,
ul.bullet li a:visited				{font-size:.75em; color:#666; text-decoration:none; }

ul.ul_leftnav						{margin-left:15px;}
ul.ul_leftnav li a:link,
ul.ul_leftnav li a:visited			{list-style-image:none; list-style:none; font-size:.9em; color:#535353; text-decoration:none; line-height:15px;}
ul.ul_leftnav li a:hover			{ }
ul.ul_leftnav li.selected a:link,
ul.ul_leftnav li.selected a:visited	{list-style-image:none; list-style:none; font-size:.9em; color:#EF6B00; text-decoration:none; line-height:15px;}
ul.ul_leftnav li.selected a:hover	{ }

ul.ul_leftnav_in li a:link,
ul.ul_leftnav_in li a:visited		{list-style-image:none; list-style: none; font-size:1em; color:#535353; text-decoration:none; line-height:15px;}
ul.ul_leftnav_in li a:hover			{}

ul.sub_nav_text						{margin-left:10px; margin-bottom:6px;}

ul.sub_nav_text li.grey a:link,
ul.sub_nav_text li.grey a:visited	{background:none; color:#535353; line-height:10px;}
ul.sub_nav_text 
li.selected a:visited				{text-decoration:none; line-height:10px;}

ul.sub_nav_text li.grey a:hover		{color: #ED6B00;}

ul li a.small_links:link,
ul li a.small_links:visited,
a.small_links						{font-size:.75em; color: #EF6B00; text-decoration: underline;}

.normal								{font-size:.9em; line-height:1.4em;}	
.small								{font-size:.75em; line-height:1.2em;}
.bold								{font-weight:bold;}

.fl_right 							{float:right;}
.fl_left 							{float:left;}
.clear								{clear:both;}
.fill                               {height:100%;}

.align_right						{text-align: right;}

.dotted_left_light 					{border-left:1px dotted #535353; position: relative;}
.dotted_right_xlight 				{border-right:1px dotted #D5D5D5; position: relative;}
.dotted_right_light 				{border-right:1px dotted #535353; position: relative;}
.dotted_right_dark	 				{border-right:1px dotted #1A1A1A; position: relative;}
.dotted_bottom						{ border-bottom:1px dotted #D5D5D5; margin-bottom: 3px; position: relative;}

.box_border							{border: 1px solid #AFAFAF; }

.bg_white 							{background-color: #FFFFFF; }
.bg_grey 							{background-color: #F4F2F1; }

.p_10								{padding:10px; }
.pb_10								{Padding-bottom:10px; }
.pl_15								{padding-left:15px; }
.pr_15								{padding-right:15px; }
.pr_25								{padding-right:25px;}
.pt_10								{padding-top:10px; }
.pt_15								{padding-top:15px; }
.mb_10								{margin-bottom:10px; }
.mb_5								{margin-bottom:5px; }
.mb_0								{margin-bottom:0px; }
.mt_10								{margin-top:10px; }
.ml_15								{margin-left:15px; }
.ml_10								{margin-left:10px; }
.mr_10								{margin-right:10px; }
.ml_5								{margin-left:5px; }
.ml_0								{margin-left:0px; }

.no_margin							{margin:0; padding:0;}
.hrzrule_dotted						{height:1px; border-top:dotted 1px #ccc; margin:16px 0;}

table								{font-size:12px;}
td									{padding:15px;}
div.tbl								{margin-top:10px;}
td.small_padding					{padding:5px 15px 5px 15px;}
.orange								{color:#EF6B00; text-decoration: underline; }
.orange_txt							{color:#EF6B00;}
.tbl_light							{background-color:#F4F2F1; padding: 5px; }
.tbl_dark							{background-color:#535353; padding: 5px; color: #FFFFFF; font-weight: bold; }



/******************************************************************************************************************
* SITE MAP
******************************************************************************************************************/
	
div.sitemapheader					{font-size:.75em; margin-bottom:10px;}
div.maincontent_in_sitemap			{width:770px; margin-left:0px; float:left; margin-bottom:10px;}



/******************************************************************************************************************
* HEADER
******************************************************************************************************************/
	
div.header							{vertical-align:bottom; width:974px; height:71px;}
div.logo_holder						{float:left;}
div.top_nav							{margin-top:10px; vertical-align:middle; text-align:right; float:right; font-size:.75em; clear:right;}
ul.ul_top_nav						{float:left; clear: both;}
ul.ul_top_nav li					{padding:0 7px 0 7px; float:left; list-style:none; background:none; vertical-align:middle;}
ul.ul_search, 
ul.ul_search li 					{list-style:none; background:none; float:left; padding-left:7px;}

/* Login view area (Sign In, My Account etc..*/
div.loginview						{ padding: 6px 0px 0px 0px; clear: both; white-space:nowrap; }
div.loginview ul					{ white-space: nowrap; text-align:right; }
div.loginview li 					{ margin:0px 0px 0px 0px; padding:0px 0px 0px 7px; list-style: none; display: inline; background:none; }

div.top_nav ul li a:link,
div.top_nav ul li a:visited			{font-family:Geneva, Arial, Helvetica, sans-serif; color:#535353; text-decoration:none; }
div.top_nav .input_box				{padding:1px 3px 1px 3px; width:81px; height:12px; border:1px solid #535353; vertical-align:middle; font-family:Arial, Helvetica, sans-serif; color:#535353;}
div.top_nav select					{color:#535353;}
div.top_nav .submit					{padding-top:1px; height:16px;}

	

/******************************************************************************************************************
* MAIN MENU
******************************************************************************************************************/
	
div.main_nav						{width:974px; height:33px; background-color:#535353;}
div.nav								{float:left;}
div.nav a 							{padding:0 8px 0 8px; font-family:Arial, Helvetica, sans-serif; display:block; font-size:.85em; height:25px; font-weight:bold; color:#FFFFFF; text-decoration: none; background-image: none;}
div.nav a:hover 					{background-image:url(../images/global/menu_over.gif); background-repeat: repeat-x;}

ul.ul_main_nav						{float:left; list-style:none;}
ul.ul_main_nav li					{float:left; list-style:none; background:none;}

/* ie 6 hacks */
* html ul.ul_main_nav li			{float:left; list-style:none; background:none; white-space:nowrap; width:1em; padding:0;}
* html div.nav .ul_main_nav a		{padding:0 7px 0 7px; font-family:Arial, Helvetica, sans-serif; display:block; font-size:.85em; height:25px; font-weight:bold; color:#FFFFFF; text-decoration:none; background-image:none;}

.menu_item 							{padding-top: 8px;}
.menu_item_sel 						{padding-top:8px; background-image:url(../images/global/menu_sel.gif); background-repeat:repeat-x;}

div.phone_number					{padding: 1px 1px 0 0; float:right;}
div.breadcrumb						{text-align:left; width:auto; padding:7px 7px 7px 22px; background-color:#F2F2F2;}
div.breadcrumb ul li				{float:left; font-size:.75em; line-height:1.2em; padding:0 2px 0 2px;}

	

/******************************************************************************************************************
* LEFT NAVIGATION
******************************************************************************************************************/
	
div.leftnav_container				{float:left; width:180px; margin-bottom:10px;}
div.leftnav							{float:left; width:180px; background-color:#FFFFFF; margin-bottom:10px;}
div.leftnav_text					{padding: 10px 10px 10px 0;}
div.leftnav_text ul					{width:auto; list-style:none; background:none;}
div.leftnav_text ul li				{width:100%; list-style-image:none; background:none; padding:5px 0 5px 0;}
div.leftnav_text ul li a:hover 		{color: #ED6B00;}		
div.leftnav_text h2					{font-family:Arial, Helvetica, sans-serif; display:block; font-size:10pt; font-weight:bold; color:#535353; text-decoration:none; background-image:none;}
div.leftnav_text_in					{padding:20px;}
div.leftnav_text_in ul li			{list-style-image:none; background:none; padding:5px 0 5px 0;}

.sub_nav							{font-size:.75em; line-height:.75em; background-color:#F2F2F2; border-top:1px dotted #D5D5D5; border-bottom:1px dotted #D5D5D5; margin-top:10px;}
.sub_nav_text li.grey a:hover		{color: #ED6B00;}

a.selected							{color: #ED6B00;}	

	
	
/******************************************************************************************************************
* MAIN
******************************************************************************************************************/
	
div.maincontent						{width: 781px; margin-left: 10px; float:left;}

div.maincontent_in 					{width: 577px;	margin-left: 10px; float: left; margin-bottom: 10px;}
div.maincontent_in_full 			{width: 781px;	margin-left: 10px; float: left; margin-bottom: 10px;}
div.maincontent_in_half 			{width: 282px;	margin-left: 10px; margin-bottom: 10px;}
div.maincontent_in_full_half 		{width: 385px;	margin-left: 10px; margin-bottom: 10px;}

div.full_width_content				{width: 100%;}
div.no_nav_width_content			{width: 772px;}
div.no_ads_width_content			{width: 784px;}
div.normal_width_content			{width: 582px}
div.maincontent_container			{width: 587px;	float: left; margin-bottom: 10px;}
div.maincontent_search				{width: 770px;	margin-left: 0px;	float: left;	margin-bottom: 10px;}
div.maincontent_results				{width: 98%; margin-top: 25px;}


/* ie 6 hacks */

* html div.maincontent_in 			{width: 575px;	margin-left: 0px;	float: left; margin-bottom: 10px;}
* html div.maincontent_in_full 		{width: 779px;	margin-left: 0px;	float: left; margin-bottom: 10px;}
* html div.maincontent_in_half 		{width: 281px;	margin-left: 0px;	margin-bottom: 10px;}
* html div.maincontent_in_full_half {width: 384px;	margin-left: 0px;	margin-bottom: 10px;}
		
* html div.full_width_content			{width: 97%;}
* html div.no_nav_width_content		{width: 764px;}
* html div.no_ads_width_content		{width: 774px;}
* html div.normal_width_content		{width: 572px}
* html div.maincontent_container		{width: 585px;	margin-left: 0px; float: left; margin-bottom: 10px;}
* html div.maincontent_search			{width: 764px;	margin-left: 0px;	float: left;}

.text_box_header					{height:32px; padding: 0 25px 0 25px; background-color: #F2F2F2; border-bottom: 1px solid #AFAFAF;}
td.text_box_header					{height:32px; padding: 0 25px 0 25px; background-color: #F2F2F2; border-bottom: 1px solid #AFAFAF;}
.snippet_box_content				{line-height:1.2em; width: 100%; margin-bottom: 10px;}
.text_box_content					{padding:25px; line-height:1.2em;}
* html div.text_box_content			{padding-left: 25px; padding-top: 25px;	line-height: 1.2em; width: 91%;}
.text_box_content p					{font-size:12px;}
.text_box_content h2				{font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-bottom:12px;}
.text_box_content hr				{border-top:solid 1px #ccc; margin:12px 0 12px 0; height:0;}
.text_box_content ul				{margin:0 0 1em 2.2em;}
.text_box_content li				{list-style-type:disc; margin-bottom:6px;}
.text_box_content ol				{margin:0 0 1em 2.2em;}
.text_box_content ol li				{list-style-type: decimal; margin-bottom:6px;}
.text_box_content table a			{font-size:12px;}
.text_box_content table td			{padding:0 20px 10px 0; line-height:2em;}
* .text_box_content table td		{padding: 0px 10px 5px 0px; line-height:2em;}

.snippet_box_content p				{font-size:12px;}
.snippet_box_content h2				{font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-bottom:12px;}
.snippet_box_content hr				{border-top:solid 1px #ccc; margin:12px 0 12px 0; height:0;}

.text_box_search					{margin: 15px 10px 0px 25px; float: left; line-height: 15px; width: 80%;}
.box								{width: 250px;}

div.content_box						{width:auto; padding:15px 10px 15px 15px; margin-top:10px;}
div.content_box_half				{width:454px; padding:15px 10px 15px 15px; margin-top:10px;}
div.content_box_100					{width:auto; padding:15px; margin-top: 10px;}
div.content_header					{width:575px; height:174px;}

.product_img						{width: 225px;}
.product_txt						{width: 260px;}
.promo_img							{width: 125px;}
.promo_txt							{width: 360px;}
.promo_txt p						{margin-bottom:0; margin-top: 5px;}

table.stock							{border:solid 1px #aaa; font-size:10px; margin-top:10px; margin-bottom:10px;}
table.stock tr td					{padding:5px 9px;  border-right:solid 1px #aaa;}
table.stock tr.stock_header td		{padding:5px 9px; background:#535353; font-weight:bold; color:#fff; border:none; border-spacing:0; border-right:solid 1px #aaa;}

.promotions_left					{width:110px; float:left;}
.promotions_right					{width:380px; float:right; padding-left:20px; border-left:dotted 1px #666;}

.pagination_header					{padding: 0px 0px 10px 10px; background-color: #F2F2F2; vertical-align: top; height: 15px; width: 100%; margin-top: 15px;}
.results_summary					{padding: 5px 0px 5px 0px;	vertical-align: middle;	float: right; display: block;	clear: both;}

div.category_btn ul li				{font-size:.6em; font-weight: bold; float:left; margin-right:7px; padding:2px 6px 2px 6px; border:5px solid #F2F2F2;}
div.category_btn ul li a:link,
div.category_btn ul li a:visited	{color: #535353;text-decoration: none;}

div.product_in						{height:100%; width:112px; float:left;}

div.top_banner						{width:775px; margin: 0px; float:left;}
div.top_banner_full					{width:972px; margin: 0px; float:left;}
div.flash							{float:left;}
div.flash_full						{float:left; margin-left: 12px; margin-bottom: 10px;}
* html div.flash_full				{float:left; margin-left: 5px; margin-bottom: 10px;}
div.flash_stretched					{float:left; margin-left: 0px; margin-bottom: 10px;}

div.flash *							{float:left;}


		
/******************************************************************************************************************
* RIGHT COLUMN
******************************************************************************************************************/

div.right							{width:190px; float:right;}
div.right_ad						{margin-top:10px; padding:15px 10px 15px 15px;}

div.ad_holder						{float:right;}
* html div.ad_holder				{float:right; margin-left:4px;}

.ad_box_border						{border:1px solid #AFAFAF; margin-bottom:10px;}

	

/******************************************************************************************************************
* PRODUCTS
******************************************************************************************************************/
	
div.product_holder					{width:100%;}
div.product_holder div ul			{margin-bottom:9px;}
div.product								{height:100%; width:99px; float:left; padding:0 12px 0 12px;}
div.product_full						{height:100%; width:14%; float:left; padding:0 12px 0 12px;}

table.horiz_item_list				{height:100%; width:100%; padding:0px;}
table.horiz_item_list div			{height:100%; text-align:center;}
table.horiz_item_list td			{text-align:center; vertical-align: top; padding:0px;}
table.horiz_item_list img			{margin-left:auto; margin-right:auto}
table.horiz_item_list a				{text-align:center; vertical-align: top;}
table.horiz_item_list div p			{padding:3px;}

table.address_item_list				{height:100%; width:100%; padding:0px;}
table.address_item_list div			{height:100%;}
table.address_item_list td			{text-align:left; padding:0px 2px 0px 0px; vertical-align: top;}
table.address_item_list div p		{padding:3px;}

table.product_list					{border:solid 1px #aaa; font-size:12px; margin-top:10px; width: 100%; }
table.product_list th				{padding:8px 15px; background:#535353; font-weight:bold; color:#fff; border:none; border-spacing:0;}
table.product_list td				{border:solid 1px #aaa; padding:10px; }
.product_list_cell a 				{color:#666; font-weight:normal; text-decoration:none; }

tr.product_list_pager				{background:#F2F2F2;}
tr.product_list_pager td			{padding:8px 15px; text-align: right;}
tr.product_list_pager table			{border:none; padding:0; }
tr.product_list_pager table td 		{border:none; padding:0 5px 0 0;}

.vendor_logos						{width:100%; border-spacing:5px;}
.vendor_logos td					{padding:10px;}

div.program							{width:228px; float:left;}

.productline_left					{float:left;}				
.productline_right					{float:right; width:280px; border-left:dotted 1px #000; padding-left:20px; margin-left:20px;}

tr.ruled 							{background:#e9e9e9;} 

	


/******************************************************************************************************************
* FOOTER
******************************************************************************************************************/	
		
div.footer 							{margin-top:10px; border-top:6px solid #AFAFAF; clear:both;}
* html div.footer 					{margin-top:10px; border-top:6px solid #AFAFAF; clear:both; height:100%;}
div.copyright						{float:left; margin-top:8px;}
div.logos							{float:right;}
p.copyright							{font-size:.75em;}

ul.ul_logos,
ul.ul_logos li 						{list-style:none; background:none; float:left;}

		

/******************************************************************************************************************
* ERROR & VALIDATION
******************************************************************************************************************/

									/* !! Must set ForeColor="" in each validation summary control using this !! */
.validation							{ margin: 0px 0px 10px 0px; 
           							  border: solid 2px #c00000; 
           							  padding: 10px 10px 10px 45px; 
           							  background: url(../images/global/red_bang.gif) no-repeat 9px 7px;	
           							  color: #666666; 
									}

.validation ul						{ margin-top: 10px; }

.validation li						{ color: #c00000; }

/******************************************************************************************************************
* LOGIN
******************************************************************************************************************/

.login_left                         { float:left;width:420px; border-right:dotted 1px #000; margin-right:20px; }                                  
.login_right						{ float:right; padding-left:20px; width: 420px; }

/******************************************************************************************************************
* POLL
******************************************************************************************************************/

.archive                            {display:none;}
.PollTable                          {width: 100%; margin-left: 7px; margin-top: 10px;}
.PollTable td                       {padding: 4px; border-spacing: 1px;}
.PollTable tr                       {vertical-align: top;}
.PollTitle td                       {font-weight:bold;}
.PollOptionResult                   {font-weight:bold;}
.poll                               {width:187px; float:right; margin-right: 7px;} 
