/* CSS Document */ /******************* generic *******************/ body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; } select { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; } textArea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; } td { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; } body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; } h1{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #1E1EC6; /* line-height:10px; */ } h2{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; /* line-height:14px; */ } input{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; } /******************* colors *******************/ .blue{background-color: #69ADDD;} .white{background-color: #FFFFFF;} .light_blue{background-color: #AAD4F3;} .link_back{background-image:url(http://www.informationgiant.com/images/content_tile.gif);} /******************* div styles *******************/ #holder{ position: absolute; top:0px; left: 0px; width:753px; } #top_nav{ position: relative; width: 753px; left:0px; top:0px; } #index_content{ position: relative; width: 585px; left:0px; top:0px; float:left; } #right_nav{ position: relative; width: 161px; left:0px; top:0px; float:right; background-color:#69ADDD; } #product_left_nav{ position: relative; width: 161px; left:0px; top:0px; float:left; background-color:#69ADDD; } #product_content{ position: relative; width: 584px; left:0px; top:0px; float:right; } #product_content_print{ position: relative; width: 660px; left:0px; top:0px; margin: 0 0; padding: 0; float:left; } #cart_content{ position: relative; width: 584px; left:0px; top:0px; float:right; } #checkout{ position: relative; width: 753px; left:0px; top:0px; float:right; } #category_middle{ position: relative; width: 415px; left:0px; top:0px; float:left; } #footer{ position: relative; width: 753px; left:0px; top:0px; clear:both; } /******************* headers *******************/ .header_link{ color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin-left: 12px; height:22px; padding-left:8px; vertical-align: middle; background-image:url(http://www.informationgiant.com/images/header_backgr.gif); background-repeat:repeat-x; } /******************* form styles *******************/ .text_box{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #1E1EC6; height:16px; } .head_1{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #1E1EC6; } /******************* text styles *******************/ .blue_arial{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #1E1EC6; } a.blue_arial:link, a.blue_arial:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:underline; color: #1E1EC6; } a.blue_arial:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:underline; color: #1E1EC6; } a.black_arial_link:link, a.black_arial_link:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none; color: #000000; } a.black_arial_link:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:underline; color: #000000; } a.blue_bold_link:link, a.blue_bold_link:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration:none; color: #1E1EC6; } a.blue_bold_link:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration:underline; color: #1E1EC6; } a.breadcrumb_link:link, a.breadcrumb_link:visited{ font-family: verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration:none; color: #3A4A86; } a.breadcrumb_link:hover{ font-family: verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration:underline; color: #3A4A86; } a.previous_next:link, a.previous_next:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3A4A86; text-decoration:none; } a.previous_next:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FE7512; text-decoration:none; } .previous_next{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FE7512; text-decoration:none; } .blue_arial_bold{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #1E1EC6; } .black_arial_bold{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; } .black_arial{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; } .orange_bold{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FE7512; } .orange_detail{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FE7512; line-height: 20px; } .small_gray { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#999999; } .breadcrumb{ font-family: verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #3A4A86; } /******************* side nav *******************/ .left_nav_active{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #5898C4; padding-top: 8px; padding-bottom: 8px; padding-left: 8px; } .left_nav{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #75B0D9; padding-top:6px; padding-bottom:6px; line-height:15px; } a.left_nav_link:link,a.left_nav_link:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #FFFFFF; display:block; background-color: #75B0D9; padding-top: 8px; padding-bottom: 8px; padding-left: 8px; } a.left_nav_link:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #FFFFFF; display:block; background-color: #5898C4; padding-top: 8px; padding-bottom: 8px; padding-left: 8px; } a.sub_nav_link:link,a.sub_nav_link:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #FFFFFF; } a.sub_nav_link:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: #FFFFFF; } .nav_pad{ padding-left:8px; } /******************* log in *******************/ .log_in{ padding-left:15px; padding-right:15px; } /******************* cart *******************/ .cart_header{ font-family: verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #FE7512; } .cart_row_header{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000099; background-color: #BCDCF3; padding-left:10px; height:20px; } .cart_row_02{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-color: #BCDCF3; padding-left:10px; height:30px; } .cart_row_01{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-color: #D6EBFA; padding-left:10px; height:30px; } a.cart_bread:link, a.cart_bread:visited{ font-family: verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration:none; color: #B4B4B4; padding-right:40px; line-height:25px; } a.cart_bread:hover{ font-family: verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration:none; color: #FE7512; padding-right:40px; line-height:25px; } .cart_bread_active{ font-family: verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FE7512; padding-right:40px; line-height:25px; } .cart_bread_not_active{ font-family: verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #B4B4B4; padding-right:40px; line-height:25px; } .cart_card_header{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000099; background-color: #BCDCF3; padding-left:5px; } .cart_card_info{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; padding-left:5px; height: 30px; } /******************* product detail *******************/ .detail_tab_active{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000099; border-top: 1px solid #68A2CB; padding-right: 8px; padding-left: 8px; } .detail_tab{ background-color: #A0D5EA; border-top: 1px solid #68A2CB; border-bottom: 1px solid #68A2CB; padding-right: 8px; padding-left: 8px; } a.tab_link:link, a.tab_link:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000099; text-decoration:none; } a.tab_link:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration:none; } .detail_spacer{ border-bottom: 1px solid #68A2CB; } .detail_text{ border-bottom: 1px solid #68A2CB; border-left: 1px solid #68A2CB; border-right: 1px solid #68A2CB; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000099; padding:14px; } /* NAVIGATION */ #nav {width:753px; height:26px; background:url(/images/bg_nav.jpg) repeat-x; margin:0; padding:0px 0px 0px 0px;} a.navstyle {font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#FFF; text-decoration:none; font-weight:900;} a.navstyle:link {font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#FFF; text-decoration:none; font-weight:900;} a.navstyle:hover {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffee7c; text-decoration:none; font-weight:900;} /* HOMEPAGE */ #mainholder { width:753px; min-height:550px; height:auto !important; background:url(/images/bg_home_repeaty.jpg) repeat-y; padding: 0px 0px 0px 0px;} /* H1 - blue_bold_link */ .ProdCatBlue { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration:none; color: #1E1EC6; margin-bottom: 1px; padding-bottom: 1px; } /*H1 - sub_nav_link */ .ProdCatBlack { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; color: #000; margin-top: 2px; padding-top: 2px; margin-bottom: 2px; padding-bottom: 2px; }