/* ----------------------------------------------------------------------------- Undo some Magento styles that we hate -----------------------------------------------------------------------------*/ .nav-container { background:none; } /* ----------------------------------------------------------------------------- Global Styles -----------------------------------------------------------------------------*/ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote { margin:0; padding:0; list-style:none; } body { background:#ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-align:center;/* for IE */ margin-top:0px; margin-bottom:0px; color:#000000;} form{margin:0; padding:0; display:inline; border:none; } select, input, textarea {font: Verdana, Helvetica, sans-serif;} img { border: 0;} h1,h2,h3,h4,h5,h6 {margin:0; padding:0;} p{ margin:0; padding:0; color:#363636; font-size:13px; padding-left:3px; font-family:Arial, Helvetica, sans-serif;} td { margin:0; padding:0; color:#000000; font-size:13px; font-family:Arial, Helvetica, sans-serif;} ul,li {margin:0; padding:0; list-style:none; color:#000000;} /* default list styles */ ul, li {padding:0; list-style:none; color:#000000;} ul.usual-list li{ display:block; line-height:18px; background:url(../images/arrow.gif) left 8px no-repeat; padding-left:15px; font-size:12px;} /*a{margin:0; padding:0; font-size:13px; color:#0000FF; text-decoration:none;}*/ .clear{clear:both; height:1px; } .display{ display:block; float:none; position: relative;} .dis_fl{ float:left; display:block;} .dis_fr{ float:right; display:block;} .text_gr{ display:block;} .text_gr img{ float:right; margin-left:10px;} .text_gr a{ font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#e8941a;} /* ----------------------------------------------------------------------------- Template Styles -----------------------------------------------------------------------------*/ #wrapper{ width:100%; display:block; text-align:center;} /* ----------------------------------------------------------------------------- Top header styles goes here -----------------------------------------------------------------------------*/ .header{ border: 0px none;} #top_header, .header-top-container{ background:url(../images/top_bg.jpg) repeat-x; height:128px; width:100%;} #top_header .wrap{ width:925px; height:128px; margin:auto; text-align:left;} #top_header a.logo{ margin-top:39px; float:left; width:171px; height:89px; display:block; background: url(../images/logo.jpg) no-repeat;} #top_header .right_cont{height:118px;float:right; width:695px; display:block; margin-top:10px;} #top_header .login{ float:right; margin-left:20px; display:block; height: 53px;} #top_header .login li{ background-image: none; padding: 0; border-top:1px dashed #d9d9d9; line-height:25px; padding-left:3px; padding-right:3px; text-align:right;} #top_header .login a{ color:#414141; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; text-align:right;} #top_header .login a:hover{ color:#fc9d01;} #top_header .login .active a{ color:#fc9d01;} #top_header .no_border{ border:none; background:none;} #top_header .help_box{ float:right; display:block; width:220px;} #top_header .helplf{ background:url(../images/help_lf.jpg) left no-repeat; display:block;} #top_header .helprf{ background:url(../images/help_rf.jpg) right no-repeat; padding-left:5px; display:block; padding-right:5px; padding-top:4px; height:41px;} #top_header .help_textbig{ font: 22px "Myriad Web", Arial, Helvetica, sans-serif; line-height:17px; text-transform:uppercase; color:#ffffff; padding-top:3px; } #top_header .gray_text{ color:#8a8a8a; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} #top_header .orange_text{ background:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fda100; font-weight:bold; text-transform:uppercase;} #top_header .navigation{ text-align:left; float:right; margin-top:30px; display:block;} #top_header .navigation li { background:url(../images/divider.jpg) right no-repeat; height:29px; float:left; display:block; padding-left:13px; padding-right:13px; text-transform: uppercase;} #top_header .navigation a { color:#4d4e4e; font-weight:bold; font-size:12px; line-height:35px; font-family:Arial, Helvetica, sans-serif; text-decoration:none;} #top_header .navigation li.last { background: none; padding-right:0; } #top_header .welcome { position: absolute; right: 0; top: 0; line-height:30px;} .header-nav-container {background: none;} .mini-search { width:280px; position: static; background: none; padding: 0; margin-top:15px;} .right_cont .display{ float:right; clear: both;} #div_online, #div_offline { cursor: pointer;} #top_header .ask_help_box .helprf{ background:url(../images/help_ask_rf.jpg) right no-repeat;} #top_header .call_help_box .helprf{ background:url(../images/help_call_rf.jpg) right no-repeat;} #top_header .chat_help_box .helprf{ background:url(../images/help_chat_rf.jpg) right no-repeat;} /* ----------------------------------------------------------------------------- header styles goes here -----------------------------------------------------------------------------*/ #header{background:url(../images/header_bg.jpg) repeat-x; min-height:20px; height:auto !important; height:20px; text-align:center; width:100%;} #header .wrap{ width:925px; min-height:20px; height:auto !important; height:20px; text-align:left; margin:auto; background:url(../images/header_img_in.jpg) no-repeat;} #header h1{ font-family: "Myriad Web", Arial, Helvetica, sans-serif; font-size:32px; font-weight:normal;padding-left:30px; display:block; padding-top:24px; color:#5a3b00; padding-bottom:15px;} #header .section1{ width:287px; float:left; display:block; text-align:center;padding-left:30px; background:url(../images/divider_head.jpg) right no-repeat; text-align:left; } #header .section1 h2{ font-family: "Myriad Web", Arial, Helvetica, sans-serif; font-size:24px; color:#ffffff; font-weight:normal; } #header .section1 h3{ font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#000000; padding-left:3px;} #header .section2{ width:316px; float:left; display:block; text-align:center; background:url(../images/divider_head.jpg) right no-repeat;} #header .section2 h2{font-family: "Myriad Web", Arial, Helvetica, sans-serif; font-size:24px; color:#ffffff; font-weight:normal; text-align:left; display:block; padding-left:15px;} #header .section2 h3{ font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#000000; padding-left:3px; text-align:left; display:block; padding-left:16px; padding-bottom:7px;} #header .section3{width:291px; float:left; display:block; text-align:left;} #header .section3 .dis_fr{ margin-left:15px; border:double 2px #ffffff;} #header .section3 h2{font-family: "Myriad Web", Arial, Helvetica, sans-serif; font-size:24px; color:#ffffff; font-weight:normal; } #header .section3 .dis_fl{Width:170px; } #header .section3 .display{ padding-left:15px;} #header .section3 h3{font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#000000; padding-left:3px; text-align:left; display:block; padding-bottom:5px; } #header section3 .disim{display:block; clear:left;} ##header section3 .disim img{ float:left;} #header .button_shell{ margin-top:5px; margin-bottom:5px; display:block;} .breadcrumbs li {background-image: none; padding: 0; } /* ----------------------------------------------------------------------------- Content Styles -----------------------------------------------------------------------------*/ #content{ background:url(../images/content_bg.jpg) top repeat-x; width:100%;} #content .wrap{ width:925px; display:block; margin:auto; text-align:left; padding-top:50px;} #content .home_lf{ width:625px; float:left;} #content .home_rf{ width:247px; float:right;} /*#content .content_rf{ width:625px; float:right; text-align:left;} #content .content_lf{ width:247px; float:left;} */ #content .content_lf{ width:625px; float:left; text-align:left;} #content .content_rf{ width:247px; float:right;} #content .trog_img{ background:url(../images/trog_image.gif) top no-repeat; width:247px; padding-top:150px; margin-top:20px; text-align:left;} #content .txt_bg{ background:url(../images/text_bg.jpg) top no-repeat; width:597px; margin-top:15px; padding-left:15px; padding-right:15px; padding-top:10px;min-height:200px; height:auto !important; height:200px;} #content .con_bg{ background:url(../images/text_bg.jpg) top no-repeat; width:597px; padding-left:15px; padding-right:15px; margin-bottom:20px; padding-top:10px;min-height:200px; height:auto !important; height:200px;} #content .satisfaction{ background:url(../images/gurantee.png) no-repeat; width:243px; text-align:center; padding-top:10px; padding-bottom:10px;} #content .display_boder{ display:block; float:none; padding-top:10px; padding-bottom:10px; border-bottom:1px dotted #bdbcbc; width:90%; margin:auto; margin-bottom:20px;} #content .display_pad{ padding-top:20px;} #content .bold_red{ color:#FF0000; } #content .star_text{ display:block; font-size:10px;} #content h1{ color:#d15900; font-family:Arial, Helvetica, sans-serif; font-size:20px; word-spacing:2px; font-weight:normal; margin-bottom:5px;} #content h2{ color:#d15900; font-family:Arial, Helvetica, sans-serif; font-size:18px; word-spacing:2px; font-weight:normal; margin-bottom:5px;} #content .content_rf h3{border-top:1px dashed #d15900;} #content h3{ color:#d15900; font-family:Arial, Helvetica, sans-serif; font-size:15px; padding-left:3px; word-spacing:2px; font-weight:normal; margin-bottom:5px; } #content h4{ color:#d15900; border-bottom:1px dashed #97601f; font-family:Arial, Helvetica, sans-serif; font-size:18px; padding-left:3px; word-spacing:2px; font-weight:normal; margin-bottom:15px; margin-top:10px;} #content .faq_tplf{ background:url(../images/lf_faq_tp.jpg) left no-repeat;line-height:32px; } #content .faq_tprf{ background:url(../images/rf_faq_tp.jpg) right no-repeat; } #content .faq_tprf h5{ padding-left:35px; } #content .cen_faqlf{ background:url(../images/cen_faqlf.jpg) left repeat-y;} #content .cen_faqrf{ background:url(../images/cen_faqrf.jpg) right repeat-y;} #content .bot_faqlf{background:url(../images/bot_faqlf.jpg) left bottom no-repeat; min-height:200px; height:auto !important; height:200px;} #content .bot_faqrf{ background:url(../images/bot_faqrf.jpg) right bottom no-repeat;min-height:200px; height:auto !important; height:200px;} #content .faq_inner{ padding:20px; text-align:left;} #content .log_box{ width:300px; float:left; margin-right:25px;} #content .log_box1{ width:300px; float:left; } /* ----------------------------------------------------------------------------- Footer Styles -----------------------------------------------------------------------------*/ .footer-container{ border: 0px none;} .footer{ background: none;} #footer, .footer-container{ background:url(../images/footer.jpg) repeat-x; height:39px; padding-top:30px;} #footer_inner, .footer{ margin: 0; padding: 0; width:927px; height:39px; margin:auto; text-align:left;} #footer_inner li, .footer li{ background-image: none; padding: 0; display:inline; color:#3c3c3c; font-family:11px; font-family:Arial, Helvetica, sans-serif; padding-left:5px; padding-right:5px;} #footer_inner a, .footer a{color:#3c3c3c; font-size:12px; font-family:Arial, Helvetica, sans-serif;} #footer_inner p, .footer p{color:#3c3c3c; font-size:12px; font-family:Arial, Helvetica, sans-serif;} /* ----------------------------------------------------------------------------- button styles goes here -----------------------------------------------------------------------------*/ a.button{ background:url(../images/button.png) no-repeat; width:145px; border:none; margin:auto; cursor:hand; display:block; text-align:center;} a.button span{ color:#ffffff; background:url(../images/white_arrow.jpg) right no-repeat; padding-right:10px; line-height:34px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; } a.button1{ background:url(../images/button.png) no-repeat; width:145px; height:57px; border:none; cursor:hand; display:block; text-align:center;} a.button1 span{ color:#ffffff; background:url(../images/down.jpg) right no-repeat; padding-right:10px; line-height:34px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; } /* ----------------------------------------------------------------------------- for colored blocks in catalog -----------------------------------------------------------------------------*/ .self {background-color: #BDDA86; padding: 5px 5px 7px 5px;} .remote {background-color: #D799C9; padding: 5px 5px 7px 5px;} .onsite {background-color: #F2D37F; padding: 5px 5px 7px 5px;} .software {background-color: #A6D7E4; padding: 5px 5px 7px 5px;} .support {background-color: #E5E5E5; padding: 5px 5px 7px 5px;} .productinfo {margin-bottom: 3px;} /* ----------------------------------------------------------------------------- Top header styles goes here -----------------------------------------------------------------------------*/ .header-nav{} .header-nav li, #nav li, #nav li.active a{ color:#4d4e4e; } .header-nav a, #nav a, #nav a:hover, #nav a:visited, #nav a:link{ color:#4d4e4e;} #nav a:hover{ text-decoration: underline; } #nav a:hover, #nav li.active a{ /*border-top:3px solid #C4CACC;*/} /* The following styles put a tab looking thing behind the selected item. We do this entirely with background colors because I didn't feel like making an image.*/ #nav li{ background-image: none; padding: 0; margin-top: 4px; margin-bottom: 1px;} #nav li.active{ background-color: #c4cacc; margin-top: 4px; margin-bottom: 0;} #nav li.active a{ background-color: #d4dadc; margin-left: -1px; margin-right: -1px; margin-top: 1px; padding:5px 8px 0px 8px;} #nav li.active a span{ background-color: #e4eaec; margin-left: -9px; margin-right: -9px; margin-top: -4px; padding:5px 8px;}