/* basic styles */
html, body {height: 100%;}
body, tr, td  { color: #000000; font-size: 10pt; font-family: Times, serif; margin: 0 0 0 0; padding: 0 0 0 0; } 
img, ul, li, input { padding: 0 0 0 0; margin: 0 0 0 0;}
img {border: none;}
a {outline: none;}
select {font-family: Times, serif; font-size: 10pt;}
blockquote     { font-size: 9pt; font-style: italic; text-align: justify; margin: 10px 0 10px 15px; padding-right: 100px; padding-left: 20px }

.background { background: url(images/back_gradient.jpg) repeat-x top center #FFF001;} /* this one makes the gradient */
.background_trees {background: url(images/back_trees.jpg) no-repeat top center;} /* this one makes the tree overlay */
.background2 { background: url(images/back_gradient2.jpg) repeat-y top center #EA1D24;} /* this one makes the gradient */
.background_trees2 {background: url(images/back_trees2.jpg) no-repeat top center;} /* this one makes the tree overlay */
.background_trees_placeholder {background: url(images/back_trees_placeholder.jpg) no-repeat top center;}
.bottom_gradient {background: url(images/back_gradient3.jpg) repeat-y top center;}
.tan_background {background-color: #F1EEE7;}
.features_column_background {background: url(images/features_column_background.gif) repeat-y top right;}
.login_bkg {background: url(http://outdoorconnection.com/images/login_400.jpg) no-repeat 0px 30px;}
.login_bkg_small {background: url(http://outdoorconnection.com/images/back_login.gif) no-repeat right 50px;}
.login_bkg_small2 {background: url(http://outdoorconnection.com/images/back_login2.gif) no-repeat right 50px;}
.banner_box {background: url(images/banner_box.gif) no-repeat;}
.banner_box2 {background: url(images/banner_box_coming_soon.gif) no-repeat;}
.sub_cat_back {background: url(images/sub_cat_back.jpg) repeat-x top left; border: 1px solid #ccc;}
.news_table {background-color: #fcf9f3;}
.max_width { min-width: 770px; max-width: 770px }
.quote  { color: #712120; font-size: 90%; padding: 5px 7px 10px }
.vert_shad { background-image: url(../../../../MicroDistributing/website_2008/web-content/images/vert_shad.gif); background-repeat: repeat-y; background-position: center top }
.top_table_pos { position: relative; top: 15px }

.form_titles    { font-size: 10pt; line-height: 1.3em; padding-left: 5px }
.form_smalltext    { font-size: 85% }
.form_pad  { padding-top: 2px; padding-bottom: 5px; padding-left: 2px }

.makemesmaller { font-size: 90% }
.makemebigger { font-size: 105% }
.text_pad    { color: #626060; line-height: 1.3em; padding-left: 15px }
.menu_border { border-right: 1px solid #6f6041; border-left: 1px solid #6f6041 }
.utilities_header   { color: #15255c; font-size: 10pt; font-weight: bold; padding-top: 2px; padding-bottom: 3px }
.utilities_header_bigger   { color: #15255c; font-size: 14pt; font-weight: bold; }
.utilities_list { font-size: 9pt; padding: 2px 10px }
.phone_number    { color: #003d94; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-align: right; padding-right: 10px }
.address  { color: #588793; font-size: 8pt; font-family: Tahoma, Geneva, Helvetica, sans-serif; padding-top: 5px; padding-bottom: 5px; padding-left: 10px }
.address_no_pad { color: #588793; font-size: 8pt; font-family: Tahoma, Geneva, Helvetica, sans-serif; padding-top: 5px; padding-bottom: 5px }
.container_border_both {background: url(images/left_right_side.gif) repeat-y left top #ffffff;} /* for pages without a right column */
.container_border_left {background: url(images/left_side.gif) repeat-y left top #ffffff;}	/* for pages with a right column */
.right_column_line {border-right: 1px solid #d1cec7; border-left: 1px solid #d1cec7;}
.makesmaller {font-size: 90%;}
.bold {font-weight: bold;}
.bold_italic {font-weight: bold; font-style: italic;}
.bold_underline {font-weight: bold; text-decoration: underline;}
.models_head {background-color: #461f00; color: #ffffff; font-weight: bold; padding: 5px; font-family: Arial, san-serif; font-size: 10pt;}
.models_titles {background-color: #fff; padding: 0 0 0 10px; border: 1px solid #461f00; font-family: Arial, san-serif; font-size: 10pt;}
.models_odd {background-color: #DCDDDE; padding: 0 0 0 5px; border: 1px solid #461f00; font-family: Arial, san-serif; font-size: 8pt;}
.models_even {background-color: #ffffff; padding: 0 0 0 5px; border: 1px solid #461f00; font-family: Arial, san-serif; font-size: 8pt;}
.models_titles_nopad {background-color: #fff; padding: 0 0 0 0; border: 1px solid #461f00; font-family: Arial, san-serif; font-size: 10pt;} /* No padding */
.models_odd_nopad {background-color: #DCDDDE; padding: 0 0 0 0; border: 1px solid #461f00; font-family: Arial, san-serif; font-size: 8pt;}	/* No padding */
.models_even_nopad {background-color: #ffffff; padding: 0 0 0 0; border: 1px solid #461f00; font-family: Arial, san-serif; font-size: 8pt;}	/* No padding */
.column_box {border: 1px solid #cccccc;}
.orange_bottom {border-bottom: 1px solid #F37D13;}
.ship_terms { padding: 5px; background-color: #F1EEE7; border: 1px solid #D1CEC7; font-size: 9pt; color: #461f00; font-family: Times, serif;}
/* titles/headers/other */
.bodytext_bigbold {font-size: 11pt; font-weight: bold; line-height: 1.2;}
.bodytext_big {font-size: 11pt; line-height: 1.2;}
.bodytext {line-height: 1.3; font-size: 10pt;}
.bodytext_brown {color: #461F00; line-height: 1.3}
.bodytext_light_brown {color: #433A1B; line-height: 1.3}
.bodytext_light_brown a {color: #433A1B; line-height: 1.3; text-decoration: underline;}
.bodytext_light_brown a:hover {color: #F37D13; line-height: 1.3; text-decoration: underline;}			/* turns link orange */
.bodytext_brown_left_pad {color: #461F00; line-height: 1.3; text-indent: 20px;}
.bodytext_red {color: red; line-height: 1.3}
.orange_text {color: #F26A16;}
.large_title { font-size: 20pt; color: #461f00; letter-spacing: 2px; }
.large_title a { font-size: 20pt; color: #461f00; letter-spacing: 2px; text-decoration: none; }
.large_title_white { font-size: 20pt; color: #ffffff; letter-spacing: 2px; }
.medium_title { font-size: 12pt; color: #461f00; letter-spacing: 2px; }
.small_title {font-size: 10pt; color: #461F00; line-height: 1.3; letter-spacing: 1px;}
.small_title a {font-size: 10pt; color: #461F00; line-height: 1.3; letter-spacing: 1px; text-decoration: none}
.small_title a:hover {font-size: 10pt; color: #F37D13; line-height: 1.3; letter-spacing: 1px; text-decoration: none}
.small_title_dbrown {font-size: 10pt; color: #433A1B; line-height: 1.3}
.small_title_red {font-size: 10pt; color: red; line-height: 1.3}
.order_title { font-size: 14pt; color: #461f00; letter-spacing: 2px; }
.quote {font-size: 9pt; color: #461F00; line-height: 1.3;}
.privacy {font-size: 11pt; line-height: 1.2; text-align: justify;}										/* same as bodytext_big with text justification */
.product_price {font-size: 13pt; color: red; font-weight: bold;}
.fieldset_error {border: 1px solid red; color: red; height: 20px; width: 175px; margin: 0; padding: 0 0 12px 0;}
.fieldset_error td {color: red;}
.fieldset_error legend {margin-left: 10px;}

.cart_head {font-family: Arial, san-serif; font-weight: bold; font-size: 95%;}
.cart_item {font-family: Arial, san-serif; font-size: 85%;}
.order_box {border: 1px solid #D1CEC7; background-color: #fefdf6; padding: 5px}
/* product features */
.features_title {font-size: 12pt; color: #461f00; letter-spacing: 2px; height: 15px; border: 1px solid #4B2507; padding-top: 3px;}
.feature_list {padding-left: 25px;}
.feature_list li {list-style-type: square; padding: 0 0 10px; font-family: Arial, san-serif; font-size: 8pt; color: #4B2507;}
.feature_list li a {color: #4B2507; text-decoration: underline;}
.feature_list li a:hover {color: #F37D13; text-decoration: underline;}

.instruction_block {color: #461f00; display: block; text-decoration: none; font-size: 12pt; letter-spacing: 2px; height: 15px; border: 1px solid #4B2507; padding-top: 3px; padding-bottom: 4px;}
.instruction_block:hover {color: #F37D13; display: block; border: 1px solid #F37D13;}
/* product image boxes */
.product_outer_box {border: 1px solid #cccccc; padding: 5px 5px 5px 5px; background-color: #ffffff;} /* makes the outer white box for product images */
.product_inner_box {border: 1px solid red; background-color: #ffffff;}				/* red outline inner box for product images */
.product_inner_box:hover {border: 1px solid #F37D13;}
.product_inner_box2 {border: 1px solid #4E2400; background-color: #ffffff;}			/* dark gray outline inner box for product images */
.cat_table .product_inner_box2:hover {border: 1px solid #F37D13;}
.sub_cat_table .product_inner_box2:hover {border: 1px solid #F37D13;}
.product_inner_box3 {border: 1px solid #EDE2CB; background-color: #ffffff;}			/* tan outline inner box for product images */
.product_inner_box4 {border: 1px solid #000000; background-color: #ffffff;}			/* black outline inner box for product images */
.order_inner_box {border: 1px solid #4E2400; padding: 10px;}

/* menu styles */
.menu_bar	{background: url(images/menu_bar.jpg) repeat-x;}		/* menu background image */
.menu_bottom_yellow {background: url(images/menu_bottom_yellow.gif) repeat-x;}
.menu_bottom_dual_gray {background: url(images/menu_bottom1.gif) no-repeat #ffffff;}
.menu_bottom2 {background: url(images/menu_bottom2.gif) no-repeat; height: 5px; }
.menu_bottom3 {background: url(images/menu_bottom3.gif) repeat-x; height: 5px;}
/*For Admin Menu */
.menu2 	{padding: 0; margin: 0; list-style: none; margin-top: 10px;}
.menu2 li {float: left; position: relative; border-left: 1px solid #cac292; padding-left: 34px; padding-right: 34px; line-height: 1.5;} /* styles all list items except the first with a yellow line to the left */
.menu2 li.first {float: left; position: relative; border: none; padding-left: 43px; padding-right: 34px; line-height: 1.5;} /* same as above style except no yellow line */
.menu2 li.second_to_last {float: left; position: relative; border-left: 1px solid #cac292; padding-left: 34px; padding-right: 37; line-height: 1.5; width: 75px;} 
.menu2 li.last {float: left; position: relative; border-left: 1px solid #cac292; padding-left: 34px; padding-right: 0; line-height: 1.5; text-align: right;} /* takes right padding off of last list item */
.menu2 a {color:#ffffff; text-decoration: none; display: block;}
.menu2 a:hover {color: #faf5df; display: block;}
/* products sub menu */
.products_sub_menu {padding: 0; margin: 0; list-style: none; position: relative; z-index: 1;}
.products_sub_menu li {float: left; position: relative; padding-left: 80px;}
.products_sub_menu a {color: #481F00; text-decoration: none; display: block; font-family: Arial, san-serif; font-size: 9pt;}
a.breadcrumb {color: #461f00; text-decoration: underline; font-size: 10pt;}
.breadcrumb_current	{color: red; text-decoration: none; font-size: 10pt;}
.side_shadow {background: url(images/side_shadow.gif) repeat-y top right}
.side_shadow_top {background: url(images/side_shadow_top.gif) no-repeat top right}
.side_shadow_bottom {background: url(images/side_shadow_bottom.gif) no-repeat bottom right}

.bodylink				{ color: #461F00; text-decoration: underline }
.bodylink:hover		{ color: #F37D13; text-decoration: underline }

.bodylink_red				{ color: red; text-decoration: none }
.bodylink_red:hover		{ color: red; text-decoration: underline }

.instruction_pdf		{ color: #461f00; text-decoration: underline; font-size: 11pt;}
.instruction_pdf:hover		{ color: #F37D13; text-decoration: none;}

.adm_img_link {font-size: 9pt; color: #461f00; text-decoration: none;} 			/* used for contact page email */
.adm_img_link:hover {font-size: 9pt; color: #F37D13; text-decoration: none;}

.contactlink {font-size: 12pt; color: #461f00; letter-spacing: 2px; text-decoration: none;} 			/* used for contact page email */
.contactlink:hover {font-size: 12pt; color: #F37D13; letter-spacing: 2px; text-decoration: none;}	/* used for contact page email */

.back_to_top		{font-size: 90%; color: #ffffff; text-decoration: none;}
/* Products/Sub Category Links */
.sub_cats				{color: #461f00; font-size: 13pt; text-decoration: none; font-weight: bold;}
.sub_cats:hover				{color: #F37D13; font-size: 13pt; text-decoration: none; }

.sub_cats_summary		{font-family: Arial, san-serif; font-size: 9pt;}
.sidebar				{ font-size: 12pt; color: #461f00; letter-spacing: 2px; padding-left: 20px; text-decoration: none;}
.sidebar_border			{border-bottom: 1px solid #FDFBEC;}
.sidelink				{color: #433A1B; text-decoration: none;}
.sidelink:hover			{color: #F37D13; text-decoration: underline;}

.login_box input		{border: 2px solid #000000;}
.login_head 		{color: #ffffff; font-family: Arial, san-serif;}
.login				{color: #ffffff; text-decoration: underline; vertical-align: middle; text-decoration: none; font-weight: bold; font-family: Arial, san-serif;}
.login:hover		{text-decoration: underline;}
.login_mover_top	{padding: 0 9px 8px 20px;}
.login_mover_bottom	{padding: 0 28px 15px 0;}
.footer_background		{background: url(images/footer_bar.gif) no-repeat top center #f1eee7;} /* footer background for pages without a right column, makes shorter gray line */
.footer_background2		{background: url(images/footer_bar2.gif) no-repeat top right #f1eee7;} /* footer background for pages with a right column, makes longer gray line */
.footer                 { color: #818181; font-size: 9pt; font-family: Times, serif; text-decoration: none }
a.footer:link           { color: #818181; font-size: 9pt; font-family: Times, serif; text-decoration: underline }
a.footer:visited        { color: #818181; font-size: 9pt; font-family: Times, serif; text-decoration: underline }
a.footer:hover          { color: #F37D13; font-size: 9pt; font-family: Times, serif; text-decoration: underline }
a.footer:active         { color: #F37D13; font-size: 9pt; font-family: Times, serif; text-decoration: underline }

a.footer2				{color: #818181; font-size: 9pt; font-family: Times, serif; text-decoration: none}
a.footer2:hover          { color: #F37D13; font-size: 9pt; font-family: Times, serif; text-decoration: underline }

/* format teaser link style */
.more_link {color: #F37D13; text-decoration: none;}
.more_link:hover {color: #F37D13; text-decoration: underline;}
/* admin styles */
.admin_headline       { color: #F37D13; font-size: 16pt; font-family: Times, serif; text-decoration: underline;}
.admin_title			{color: #461f00; font-family: Times, serif; font-size: 16pt;}
.admin_head				{color: #461f00; background-color: #FFF200; font-family: Times, serif; font-size: 14pt; padding: 0 0 0 15px;}
.admin_field			{color: #461f00; font-family: Times, serif; font-size: 12pt;}
.admin_product_listing { color: #461f00; font-size: 9pt; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; padding-top: 2px; padding-bottom: 2px; }

.admin_instructions1	{color: #461f00; font-size: 9pt; font-family: Times, serif; text-decoration: underline;}
.admin_instructions1:hover	{color: #F37D13; font-size: 9pt; font-family: Times, serif; text-decoration: none;}

.admin_instructions2	{color: #EA1D24; font-size: 9pt; font-family: Times, serif; text-decoration: underline;}
.admin_instructions2:hover	{color: #F37D13; font-size: 9pt; font-family: Times, serif; text-decoration: none;}

.adminlink     	    	{ color: #EA1D24; font-size: 10pt; font-family: Times, serif;}
a.adminlink:link		{ color: #EA1D24; font-size: 10pt; font-family: Times, serif; text-decoration: underline;}
a.adminlink:visited     { color: #EA1D24; font-size: 10pt; font-family: Times, serif; text-decoration: underline;}
a.adminlink:hover       { color: #F37D13; font-size: 10pt; font-family: Times, serif; text-decoration: none;}
a.adminlink:active      { color: #F37D13; font-size: 10pt; font-family: Times, serif; text-decoration: none;}

a.adminlink_index:link		{ color: #EA1D24; font-size: 10pt; font-family: Times, serif; text-decoration: underline; padding-left: 25px; background: url(admin/images/red_block.gif) no-repeat 10px;}
a.adminlink_index:visited     { color: #EA1D24; font-size: 10pt; font-family: Times, serif; text-decoration: underline; padding-left: 25px; background: url(admin/images/red_block.gif) no-repeat 10px;}
a.adminlink_index:hover       { color: #F37D13; font-size: 10pt; font-family: Times, serif; text-decoration: none; padding-left: 25px; background: url(admin/images/orange_block.gif) no-repeat 10px;}
a.adminlink_index:active      { color: #F37D13; font-size: 10pt; font-family: Times, serif; text-decoration: none; padding-left: 25px; background: url(admin/images/orange_block.gif) no-repeat 10px;}

/* news links */
a.newslink:link		   { color: #EA1D24; font-size: 10pt; font-family: Times, serif; text-decoration: underline;}
a.newslink:visited     { color: #EA1D24; font-size: 10pt; font-family: Times, serif; text-decoration: underline;}
a.newslink:hover       { color: #EA1D24; font-size: 10pt; font-family: Times, serif; text-decoration: underline;}
a.newslink:active      { color: #EA1D24; font-size: 10pt; font-family: Times, serif; text-decoration: underline;}

.instructions		   { color: #461F00; font-size: 10pt; font-family: Times, serif; text-decoration: none;}
.instructions:hover		   { color: #F37D13; font-size: 10pt; font-family: Times, serif; text-decoration: none;}

/* delete button */
.delete_pic				{color: #ffffff; background-color: #F26A16; display: block; width: 120px; line-height: 1.5; text-decoration: none; font-weight: bold; border: 1px solid black; text-align: center;}
.delete_pic:hover		{color: #ffffff; background-color: red; display: block; width: 120px; line-height: 1.5; text-decoration: none; font-weight: bold; border: 1px solid black; text-align: center;}
.login_reminder         {color: #ffffff; background-color: #F26A16; display: block; width: 175px; height: 30px; line-height: 30px; text-decoration: none; font-weight: bold; border: 1px solid black; text-align: center;}
.login_reminder:hover   {color: #ffffff; background-color: red; display: block; width: 175px; height: 30px; line-height: 30px; text-decoration: none; font-weight: bold; border: 1px solid black; text-align: center;}

.cart_but				{color: #ffffff; background-color: #F26A16; padding: 4px 5px 2px 5px; line-height: 20px; height: 20px; text-decoration: none; font-weight: bold; border: 1px solid black; text-align: center;}
.cart_but:hover			{color: #ffffff; background-color: red; padding: 4px 5px 2px 5px; text-decoration: none; font-weight: bold; border: 1px solid black; text-align: center;}
.table_head 			{color: #F37D13; font-size: 12pt; border-bottom: 1px solid #F37D13;}
/* small text */
.smalltext  			 { font-size: 9pt; color: #461f00; font-family: Times, serif; }
.smalltext_help			 { font-size: 9pt; font-family: Times, serif; }
.smalltext_help_bold 	 { font-size: 9pt; font-family: Times, serif; font-weight: bold }

.makesmaller			{font-size: 80%;}
.makebigger				{font-size: 105%;}

/* padding */
.right_pad10 { padding-right: 10px }
.left_right_pad20 { padding-right: 20px; padding-left: 20px }
.left20_right50 { padding-right: 50px; padding-left: 20px }
.left_pad20 { padding-left: 20px }
.left_pad50 { padding-left: 50px }
.sub_pad  { font-size: 11pt; line-height: 1.3em; padding-right: 15px; padding-left: 20px }
.footer_pad  { padding-left: 20px }

.pagination{
 background:transparent;
 padding:10px 0;
 margin:15px 0 15px 0; 
 text-align:left;               
}                    

.pagination a{
 padding:1px 4px;
 text-decoration:none;
 background:transparent;        
 border:1px solid #ccc;
 margin:0 2px;
 color:#666666;           
}                  

.pagination a:hover{           
 background: #fff;       
 color:#666666;
 border:1px solid #BF2911;
 text-decoration: none    
}                  

.pagination span, .pagination span.nextprev{
 background:#FFFFFF;
 border:1px solid #CCCCCC;            
 color:#CCCCCC;      
 padding:1px 4px; 
 margin:0 2px;
}

.pagination span.current{
 background:#BF2911;
 border:1px solid #A49979;
 color:#FFFFFF;
 margin:0 2px;
 font-weight:bold;
}

