/*-----------------------------------------

This is the screen style sheet.

[+] Use multiple selectors! Do not repeat
styles for a new selector if they match
the styles of an existing class or ID.

[+] Use class names that match the
style, not the purpose or area. That way
they can be reused across several sections
and placed within the global styles.

-----------------------------------------*/

/*-----------------------------------------

Global

-----------------------------------------*/

body {
   margin:0 auto 0 auto; text-align:center;
   }
body,th,td,p,li,input,select,textarea {
   font:normal 11px 'Arial',sans-serif; color:#333333;
   }
form {
	margin:0px 0px 0px 0px;
   }
#bs_wrapper {
   position:relative; width:900px; margin:0 auto 0 auto; text-align:left; display:block;
   }
#bs_header {
   position:relative; width:100%; height:103px; 
   }
#bs_header_print {
   display: none;
   }
#bs_logo {
   position:absolute; width:97px; height:72px; top:6px; left:12px;
}
#bs_welcome_tools {
   position:absolute; width:100%; top:6px; left:0px; text-align:right; color:#999999;
   }
#bs_search_viewall {
   position:absolute; top:20px; left:118px;
}
#bs_search_viewall input.bs_search_input {
   width:223px; color:#869dbe; border:1px solid #708AB1; margin:0 0 0 0;
   }
#bs_me_everyone {
   position:absolute; top:35px; left:557px;
   }
#bs_top_nav {
   position:absolute; width:100%; height:22px; top:84px; left:0px; text-align:right; line-height:22px; color:#ffba00; background-color:#f58428;
   }
#bs_top_nav a:link, #bs_top_nav a:visited, #bs_top_nav a:active {
   font-size:11px; color:#ffffff; text-decoration:none;
   }
#bs_top_nav a:hover {
   font-size:11px; color:#ffffff; text-decoration:underline;
   }
#bs_body {
   position:relative; width:100%;
   }
#bs_footer {
   position:absolute; width:100%; left:0px;
   }
 table.tbl_default {
   width:100%; border:0;
   }
table.tbl_default_no_width {
   border:0;
   }
table.tbl_default th, table.tbl_default td, table.tbl_default_no_width th, table.tbl_default_no_width td {
   color:#294a8b; padding:0 0 0 0;
   }
.f_blue {
   font-weight: bold; color:#134284;
   }
.f_blue_norm {
   color:#134284;
   }
.pageheader 
{
	margin-top: 0px; margin-bottom: 0px; vertical-align: middle; font-size: 16px; color: #365b90; font-weight: bold; 
}
.pageheaderdot
{
	padding-left: 10px; padding-right: 5px; vertical-align:middle;
}
.orange {
   font:bold 12px 'Arial',sans-serif; color: #f58428;   
   }
.orange11 {
  font: bold 11px 'Arial',sans-serif; color: #f58428;   
  }
.orange14 {
  font: bold 14px 'Arial',sans-serif; color: #f58428; 
  } 
.white11 {
   font-weight: normal; font-size: 11px; color: #ffffff; text-decoration: none;
   }
.white14 {
   font-weight: bold; font-size: 14px; color:#ffffff;text-decoration:none;
   }
.orange14 {
   font-weight: bold; font-size: 14px; color:#f58428;text-decoration:none;
   } 
   
/* Site Wide Link Styles */ 
   
a:link, a:visited, a:active {
   color: #5580c4; text-decoration: underline
   }
a:hover {
   color: #5580c4; text-decoration: underline;
   }
a.cat_act:link, a.cat_act:visited, a.cat_act:active, a.hover_white:link, a.hover_white:visited, a.hover_white:active {
   font: bold 11px 'Arial',sans-serif; color: #ffffff; text-decoration: none;
   }
a.cat_act:hover, a.hover_white:hover	{
   font: bold 11px 'Arial',sans-serif; color: #ffffff; text-decoration: underline;
   }  
  
a.cat_select:link, a.cat_select:visited, a.cat_select:active {
   font: bold 11px 'Arial',sans-serif; color: #1C4A8B; text-decoration: none; padding-bottom:7px;
   }
a.cat_select:hover	{
   font: bold 11px 'Arial',sans-serif; color: #1C4A8B; text-decoration: underline;
   }
a.cat_txt:link, a.cat_txt:visited, a.cat_txt:active {
   font: normal 11px 'Arial',sans-serif; color: #1C4A8B; text-decoration: none;
   }
a.cat_txt:hover	{
   font: normal 11px 'Arial',sans-serif; color: #1C4A8B; text-decoration: underline;
   }   
a.f_blue:link, a.f_blue:visited, a.f_blue:active {
    font-weight: bold; color: #134284; text-decoration: none;
   }
a.f_blue:hover {
   font-weight: bold; color: #134284; text-decoration: underline;
   }
a.f_blue2:link, a.f_blue2:visited, a.f_blue2:active {
    font-weight: normal; color: #134284; text-decoration: underline;
   }
a.f_blue2:hover {
   font-weight: normal; color: #134284; text-decoration: none;
   }
a.google:link, a.google:visited, a.google:active, a.google:hover {
   font-weight: normal; font-size: 11px; color: #5382C6; text-decoration: underline;
   }
a.googlesm:link, a.googlesm:visited, a.googlesm:active, a.googlesm:hover {
   font-weight: normal; font-size: 10px; color: #5382C6; text-decoration: underline;
   }
a.google_hd:link, a.google_hd:visited, a.google_hd:active, a.google_hd:hover {
   font-weight: normal; font-size: 11px; color: #274674; text-decoration: underline;
   }   
a.hover_294a8b:link, a.hover_294a8b:active, a.hover_294a8b:visited {
   color: #294a8b; text-decoration: none;
   }
a.hover_294a8b:hover {
   color: #294a8b; text-decoration: underline;
   }
a.hover_336699:link, a.hover_336699:active, a.hover_336699:visited {
   color: #336699; text-decoration: none;
   }
a.hover_336699:hover {
   color: #336699; text-decoration: underline;
   }
a.hover_999999:link, a.hover_999999:active, a.hover_999999:visited {
   color: #999999; text-decoration: none;
   }
a.hover_999999:hover {
   color: #999999; text-decoration: underline;
   }
a.me_orange:link, a.me_orange:visited, a.me_orange:active {
   font: bold 10px 'Arial',sans-serif; color: #f58428; text-decoration: none;
   }
a.me_orange:hover {
   font: bold 10px 'Arial',sans-serif; color: #f58428; text-decoration: underline;
   }
a.me_underline_f58428:link, a.me_underline_f58428:active, a.me_underline_f58428:visited {
   color: #f58428; text-decoration: underline;
   }
a.me_underline_f58428:hover {
   color: #f58428; text-decoration: underline;
   }
a.me_hover_f58428:link, a.me_underline_f58428:active, a.more_hover_f58428:visited, a.more_hover_f58428:link, a.more_hover_f58428:active, a.more_hover_f58428:visited {
   font-weight: bold; color: #f58428; text-decoration: none;
   }
a.me_hover_f58428:hover, a.more_hover_f58428:hover {
   font-weight: bold; color: #f58428; text-decoration: underline;
   }
a.orange:link, a.orange:visited, a.orange:active {
   color: #f58428; text-decoration: none;
   }
a.orange:hover {
   color: #f58428; text-decoration: underline;
   } 
a.orangeul:link, a.orangeul:visited, a.orangeul:active {
   color: #f58428; text-decoration: underline;
   }
a.orangeul:hover {
   color: #f58428; text-decoration: none;
   }
.orange10a{
    font-size: 9px; color: #f58428; text-decoration: none;
   }
      
a.orange12:link, a.orange12:visited, a.orange12:active {
    font-size: 12px; color: #f58428; text-decoration: none;
   }
a.orange12:hover {
   font-size: 12px; color: #f58428; text-decoration: underline;
   }
a.white11:link, a.white11:visited, a.white11:active{
   font-weight: normal; font-size: 11px; color: #ffffff; text-decoration: none;
   }
a.white11:hover {
   font-weight: normal; font-size: 11px; color: #ffffff; text-decoration: underline;
   }
a.underline_294a8b:link, a.underline_294a8b:active, a.underline_294a8b:visited, a.underline_294a8b:hover {
   color: #294a8b; text-decoration: underline;
   }
a.underline_00204c:link, a.underline_00204c:active, a.underline_00204c:visited, a.underline_00204c:hover {
   color: #00204c; text-decoration: underline;
   }
a.underline_999999:link, a.underline_999999:active, a.underline_999999:visited, a.underline_999999:hover {
   color: #999999; text-decoration: underline;
   }
a.underline_white:link, a.underline_white:active, a.underline_white:visited, a.underline_white:hover {
   color: white; text-decoration: underline;
   }
a.view_menu:link, a.view_menu:visited, a.view_menu:active{
   font-weight: normal; font-size: 11px; color: #336699; text-decoration: none;
   }
a.view_menu:hover {
   font-weight: bold; font-size: 11px; color: #f58428; text-decoration: none;
   }  

/*-----------------------------------------

'Home'

-----------------------------------------*/

.me_home {
   padding: 0px 0px 5px 10px;
   font:normal 10px 'Arial',sans-serif;
   }
.me_orange {
   font:bold 11px 'Arial',sans-serif; color: #f58428;   
   }
h3.home {
   font-weight:bold; font-family:'Arial',sans-serif; color:#3F67A4; margin: 5px 0px 5px 0px;
   }
.howto_home {
   font:bold 11px 'Arial',sans-serif; color: #3F67A4;
   }
.lt_grey {
   color: #999999;
   }
   

/*-----------------------------------------

'Category', 'Parent-Category',
'All Brands', 'Brand Detail',
'All Categories'

-----------------------------------------*/

.cat_subheader {
   float: left; width:300px; font-size: 13px; color: #294a8b;
   }
img.cat_thumbnail {
   border:0px; margin:5px 0 0 0;
   }
ul.rss_options {
   margin:4px 0 0 0; padding:0 0 0 0; list-style-type:none;
   }
ul.rss_options li {
   padding:4px 0 0 8px; color:#294a8b; background:url(../assets/images/global/bullet_rss_options.gif) no-repeat 0 8px;
   }
ul.rss_options_root {
   margin:4px 0 0 0; padding:0 0 0 0; list-style-type:none;
   }
ul.rss_options_root li {
   padding:4px 0 0 8px; color:#294a8b; background:url(assets/images/global/bullet_rss_options.gif) no-repeat 0 8px;
   }

/*-----------------------------------------


/*-----------------------------------------

'Subcategory', 'Sub-Subcategory',
'Product Detail'

-----------------------------------------*/

#pd_content_wrapper {
   width:100%; border-top:4px solid #294a8b;
   }
#pd_breadcrumbs {
   padding: 8px 8px 12px 12px;
   }
#pd_pricing_info {
   width: 100%;
   }
#pd_product_description {
   float: left; width: 380px; margin-right: 25px; color: #345e9f;
   }
#pd_product_reviews {
   float: left; width: 250px; color: #345e9f;
   }
#pd_pricing_info_wrapper {
   float: left; 
   }
#bg_dotted_divider {
   width: 100%; height: 1px; margin: 12px 0 12px 0; background: url(../assets/images/global/bg_dotted_underline.gif) repeat-x; 
   }
img.product_shot {
   display: block; margin: 0 0 12px 0; border: 1px solid #d2d4d7;
   }
img.pd_shims {
   display: block;
   }
table#pd_tbl_compare td.bg_td_orange {
   background: #f3bc90;
   }
table#pd_tbl_compare {
   border: 0;
   }
table#pd_tbl_compare td {
   width: 100px; padding: 0 0 0 0; border-right: 1px dotted #d1dae7; color: #5d7fb3;
   }
table#pd_tbl_compare td.bg_td_gray {
   background: #f2f4f7;
   }
.bg_td_gray {
   background: #f2f4f7;
   }
 .DashedCompare 
 {
	width: 100px; padding: 0 0 0 0; border-right: 1px dotted #d1dae7; color: #5d7fb3;
}
table#pd_tbl_compare th {
   width: 100px; font-weight: bold; padding: 0 0 0 0; color: #5d7fb3; background: #d1dae7;
   }
table#pd_tbl_compare th div, table#pd_tbl_compare td div {
   padding: 5px 5px 5px 5px;
   }  
/*-----------------------------------------

'Search', 'Compare'

-----------------------------------------*/

table#search_results {
   width:100%; border:0;
   }
table#search_results td.compare_default {
   padding:15px 2px 15px 2px; border-top: 1px solid; border-color:Gray;
   }
table#search_results td.compare_active {
   padding:0 0 0 0; border:2px solid #f58428; background:#ffffff;
   }
table#search_results td.compare_inactive {
   padding:0 2px 0 2px; filter:alpha(opacity=60); moz-opacity:.60; opacity:.60;
   }
.search_results_bg_wrapper {
   background:#f3f4f8 url(../assets/images/global/bg_compare_search_results.gif) repeat-y;
   }
.search_results_bg_wrapper_off {
   background-color:#f3f4f8;
   } 
.cat_act {
   padding: 2px 0px 2px 0px;background-color:#5d7fb3;
   }
.cat_select	{
   font:bold 11px 'Arial',sans-serif; color:#1C4A8B; text-decoration:none;
   }
.search_res {
   background-image: url(../assets/images/global/top_curve.gif); background-repeat:no-repeat;width:456px; height: 41px;
   }
.search_res2 {
   background-image: url(../assets/images/global/right_curve.gif); background-repeat:no-repeat;width:187px; height: 31px;
   }
.google {
   font-weight: normal; font-size: 10px; color:#5382C6;text-decoration:none;
   }
.google_hd {
   font-weight: normal; font-size: 11px; color:#5382C6;text-decoration:none;
   }
.blue_dots {
   padding-left:0px; background-image: url(../assets/images/global/blue_dots.gif); background-repeat:repeat-x; width:100%; height:2px;
   }
   
/*-----------------------------------------

'Me','Everyone'

-----------------------------------------*/
.meProdImg { border: 1px solid #bebebe; float: left;}
.meProductsBoxes {color: #4c6d9e;margin-top: 14px; padding: 16px 16px 16px 8px; border: 2px solid #f58428; background-color: #ffffff;}

ul#meProductTypes li {padding-bottom: 2px;}
ul#meProductTypes li a:link {color: #4c6d9e; text-decoration: underline;}
ul#meProductTypes li a:visited {color: #4c6d9e; text-decoration: underline;}
ul#meProductTypes li a:hover {color: #4c6d9e; text-decoration: underline;}
ul#meProductTypes li a:active {color: #4c6d9e; text-decoration: underline;}

table.ProdPagenation td { font-size: 10px; color: #5d81b3; }

.meMyProducts {color: #4c6d9e;}
a.meMyProducts:link {color: #4c6d9e; text-decoration: none;}
a.meMyProducts:visited {color: #4c6d9e; text-decoration: none;}
a.meMyProducts:hover {color: #4c6d9e; text-decoration: none;}
a.meMyProducts:active {color: #4c6d9e; text-decoration: none;}

.meMyProductsActive {color: #4c6d9e;}
a.meMyProductsActive:link {color: #4c6d9e; text-decoration: none; font-weight:bold;}
a.meMyProductsActive:visited {color: #4c6d9e; text-decoration: none;font-weight:bold;}
a.meMyProductsActive:hover {color: #4c6d9e; text-decoration: none;font-weight:bold;}
a.meMyProductsActive:active {color: #4c6d9e; text-decoration: none;font-weight:bold;}

#me_content_wrapper {
   background:url(../assets/images/global/bg_me_content.gif) repeat-y;
   }
#me_content_wrapper_root {
   background:url(assets/images/global/bg_me_content.gif) repeat-y;
   }
#me_if_you_registered {
   margin:20px 25px 50px 11px;
   }
#me_if_you_registered_root {
   margin:20px 25px 50px 11px;
   }
#me_if_you_registered ul {
   margin:15px 0 18px 0; padding:0 0 0 0; list-style-type:none;
   }
#me_if_you_registered_root ul {
   margin:15px 0 18px 0; padding:0 0 0 0; list-style-type:none;
   }
table#tbl_groups_display td {
   width:50%; padding:0 0 5px 0;
   }
table#tbl_acct_signup_1 td, table#tbl_acct_signup_2 td, table#tbl_acct_signup_3 td {
   color:#4c6d9e;
   }
table#tbl_acct_signup_2 td, table#tbl_acct_signup_3 td {
   font-weight:bold; width:50%;
   }
#me_if_you_registered ul li {
   color:#4c6d9e; margin:0 0 0 0; padding:0 0 7px 11px; background:url(../assets/images/global/orange_square_bullet.gif) no-repeat 0 4px;
   }
#me_if_you_registered_root ul li {
   color:#4c6d9e; margin:0 0 0 0; padding:0 0 7px 11px; background:url(assets/images/global/orange_square_bullet.gif) no-repeat 0 4px;
   }
.me_subheader {
   float:left; font-size:13px; font-weight:bold; color:#fa9b4e;
   }
.me_dotted_repeater,.acct_dotted_repeater, .help_dotted_repeater {
   clear:both; width:100%; height:1px; padding:5px 0 5px 0; background:url(../assets/images/global/subheader_dotted_underline.gif) repeat-x center center;
   }
   
.red_cc3300 {
   color: #cc3300;
   }
.orange_f58428 {
   color: #f58428;
   }
.orange {
   font: bold 12px 'Arial',sans-serif; color: #f58428;   
   }
.white14 {
   font-weight: bold; font-size: 14px; color: #ffffff; text-decoration: none;
   }
.orange14 {
   font-weight: bold; font-size: 14px; color: #f58428; text-decoration: none;
   } 

/* View All Categories, Me, Everyone Menu*/

#view_all_categories {
   visibility:hidden; position:absolute; top:0px; left:0px; width:200px; height:auto; background:#eeeeee url(../assets/images/global/bg_view_all_categories.gif) center center; z-index:5001;
   }
#view_all_categories_content {
   display:block; padding:15px 15px 15px 15px; background:#ffffff; border:1px solid #9fb6d5;
   }
#menu_me {
	position:absolute; top:73px; left:562px; width:170px; background:#ffeab3; visibility:hidden; z-index:5001;
	}
#menu_everyone {
	position:absolute; top:73px; left:458px; width:240px; background:#fcdabf; visibility:hidden; z-index:5001;
}
#menu_me_inner, #menu_everyone_inner {
	padding:15px 15px 25px 15px; border:1px solid #9fb6d5;
	}
#menu_me_inner ul, #menu_everyone ul, #view_all_categories_content ul {
	margin:0 0 0 0; padding:0 0 0 0; list-style-type:none;
	}
#menu_me_inner ul li, #menu_everyone ul li, #view_all_categories_content ul li {
	padding:0 0 5px 0;
	}