BODY { margin: 0px; background-image: url('images/background_gradient.jpg'); background-repeat: repeat-x; } TD { font-family: arial; font-size: 10pt; } DIV { font-family: arial; font-size: 10pt; } SPAN { font-family: arial; font-size: 10pt; } A { font-family: arial; color: #666666; } .btn { font-family: arial; font-size: 10pt; font-weight: bold; color: #EEEEEE; background-color: #111111; padding: 3px; } .btn-disabled { font-family: arial; font-size: 10pt; font-weight: bold; color: #999999; background-color: #555555; padding: 3px; } .btn-remove-up { font-family: arial; font-size: 8pt; font-weight: normal; color: #111111; background-color: #CCCCCC; padding: 2px; border: 1px solid #FFFFFF; } .btn-remove-down { font-family: arial; font-size: 8pt; font-weight: normal; color: #111111; background-color: #CCCCCC; padding: 2px; border: 1px solid #DDDDDD; } .page { width: 100%; height: 100%; text-align: left; background: url('../images/background_gradient.jpg') top left repeat-x; } .container { width: 940px; height: 100%; border: 0px solid red; } .container-content { width: 900px; height: auto; /*1152px;*/ background-color: #FFFFFF; color: #333333; border: 0px solid red; } .gradient-left { width: 20px; height: 1152px; background: url('../images/left_shadow.gif') top right no-repeat; } .gradient-right { width: 20px; height: 1152px; background: url('../images/right_shadow.gif') top left no-repeat; } /* 93 (nav-search) + 20 (cmlogout) + 25 (nav-menu) = 138 (header) */ .header { width: 900px; height: 138px; background-color: #FFFFFF; background: #EEEEEE url('../images/header_background.jpg') left top no-repeat; z-index: 1; } .main-graphic { width: 900px; height: 390px; background-color: #DDDDDD; z-index: 1; } .main-graphic embed { z-index: 1; } .main-content { width: 900px; height: 390px; background: #FFFFFF url('../images/main_content_bg.png') left top no-repeat; } .main-content-sales { width: 900px; height: 390px; background: #FFFFFF url('../images/sales_dist_background.jpg') left top no-repeat; } .nav-logo { width: 50%; height: 113px; padding: 0px 0px 0px 60px; cursor: pointer; } .nav-rightside { width: 50%; height: 113px; padding: 0px 0px 0px 0px; } .nav-cmlogout { width: 50%; height: 20px; padding: 0px 10px 0px 0px; color: #666666; font-weight: bold; font-size: 10pt; } .nav-cmlogout a:link, .nav-cmlogout a:active, .nav-cmlogout a:visited { color: #FFFFFF; font-weight: bold; font-size: 10pt; text-decoration: none; } .nav-cmlogout a:hover { color: #FFFFFF; font-weight: bold; font-size: 10pt; text-decoration: underline; } .nav-search { width: 50%; height: 20px; padding: 10px 60px 0px 0px; border: 0px solid red; } .nav-home-link { width: 50%; height: 48px; padding: 0px 60px 0px 0px; border: 0px solid blue; } .nav-home-link a { font-size: 8pt; color: #666666; text-decoration: none; } .nav-menu { width: 900px; height: 25px; } .nav-menu-item { width: 150px; height: 100%; } .nav-menu-item div { font-size: 10pt; font-weight: bold; } .sub-nav { width: 165px; height: 523px; background-image: url('../images/landing_subnav_gradient.jpg'); background-repeat: no-repeat; padding: 0px 0px 0px 25px; } /* width: 190px */ .sub-nav-header { font-weight: bold; color: #999999; display: inline; } .landing-container { width: 700px; height: 523px; } .product-landing { width: 700px; height: 289px; background-color: #EEEEEE; } .product-name { width: 700px; height: 57px; background-color: #FFFFFF; background-image: url('../images/green_product_name_bg.png'); background-repeat: no-repeat; color: #FFFFFF; font-size: 20pt; font-weight: normal; padding: 0px 0px 0px 10px; } .brand-title-yellow { width: 700px; height: 57px; background-color: #FFFFFF; background-image: url('../images/yellow_productName_backgrnd.png'); background-repeat: no-repeat; color: #FFFFFF; font-size: 20pt; font-weight: normal; padding: 0px 0px 0px 10px; } .brand-title-red { width: 700px; height: 57px; background-color: #FFFFFF; background-image: url('../images/red_productName_backgrnd.png'); background-repeat: no-repeat; color: #FFFFFF; font-size: 20pt; font-weight: normal; padding: 0px 0px 0px 10px; } .brand-title-green { width: 700px; height: 57px; background-color: #FFFFFF; background-image: url('../images/green_productName_backgrnd.png'); background-repeat: no-repeat; color: #FFFFFF; font-size: 20pt; font-weight: normal; padding: 0px 0px 0px 10px; } .brand-title-blue { width: 700px; height: 57px; background-color: #FFFFFF; background-image: url('../images/blue_productName_backgrnd.png'); background-repeat: no-repeat; color: #FFFFFF; font-size: 20pt; font-weight: normal; padding: 0px 0px 0px 10px; } .product-name-2lines { height: 57px; font-size: 18pt !important; line-height: 14pt; padding: 3px 0px 0px 0px; margin: 0px 0px 0px 0px; } .product-name-ps { font-size: 11pt; color: #9e9e9e; font-weight: bold; } .spec-page { width: 481px; height: 100%; background-color: #FFFFFF; } .spec-navigation { width: 219px; height: 493px; background-color: #FFFFFF; background-image: url('../images/spec_nav_grad.gif'); background-repeat: no-repeat; } .spec-navigation-header { font-size: 10pt; font-weight: bold; color: #666666; padding: 30px 0px 10px 20px; } .spec-navigation-item { padding: 10px 0px 10px 30px; } .spec-navigation-item a { font-size: 9pt; font-weight: bold; color: #800000; text-decoration: none; } .spec-navigation-item a:hover { color: #AF2B2B; text-decoration: none; } .spec-text { padding: 20px; } .spec-info-subheader { font-size: 14px; font-weight: bold; color: #000000; } /*.search { width: 211px; height: 21px; font-size: 12pt; } */ .search { width: 211px; height: 16px; color: #666666; background-color: #dfe3e4; border: 1px solid #aaaaaa; font-size: 8pt; padding: 3px 0px 0px 3px; } .search-title { width: 100%; height: auto; padding: 0px 0px 0px 0px; font-size: 12pt; } .search-text { width: 100%; height: auto; padding: 5px 0px 0px 0px; font-size: 10pt; color: #666666; } .search-link { width: 100%; height: auto; padding: 5px 0px 0px 0px; font-size: 10pt; } .search-link a { color: blue; text-decoration: none; } .faqs { width: 100%; color: #333333; padding: 0px 20px 0px 10px; line-height: 20px; } .faqs ol li { padding: 10px 0px 0px 0px; } .h-spacing { width: 100%; height: 10px; border: 0px solid red; } .v-spacing10 { width: 10px; height: auto; border: 0px solid red; } .v-spacing8 { width: 8px; height: auto; border: 0px solid red; } .button { width: 218px; height: 160px; background-color: #FFFFFF; } .footer { width: 100%; height: 40px; font-size: 9pt; font-weight: normal; color: #777777; padding: 0px 0px 0px 60px; } .push-page-up { width: 100%; height: 404px; } .sales-distribution { width: 100%; height: auto; color: #800000; font-size: 18pt; padding: 50px 0px 10px 0px; border: 0px solid red; } .sales-bar { width: 50%; height: 37px; color: #666666; padding: 0px 0px 0px 70px; font-size: 18pt; background: transparent url('../images/SALES_DISTRIB_BAR.png') 60px top no-repeat; } .distribution-bar { width: 50%; height: 37px; color: #666666; padding: 0px 0px 0px 10px; font-size: 18pt; background: transparent url('../images/SALES_DISTRIB_BAR.png') left top no-repeat; } .sales-content { width: 50%; height: auto; color: #333333; padding: 15px 0px 0px 105px; } .sales-content #agency-name { display: block; color: #333333; font-weight: bold; line-height: 14pt; } .sales-content #agency-name a { color: #800000; text-decoration: none; font-weight: normal; } .distributor-content { width: 50%; height: auto; color: #333333; padding: 15px 0px 0px 70px; } .distributor-content #distributor-name { display: block; color: #333333; font-weight: bold; line-height: 14pt; } .distributor-content #distributor-name a { color: #800000; text-decoration: none; font-weight: normal; } .helpful-links { width: 100%; height: 450px; color: #666666; padding: 25px 80px 0px 60px; border: 0px solid red; } .helpful-links a { color: #800000; text-decoration: none; } .address-bar { width: 100%; height: 37px; color: #333333; padding: 0px 80px 0px 70px; font-size: 11pt; font-weight: bold; background: transparent url('../images/SALES_DISTRIB_BAR.png') 60px top no-repeat; } .contact-info { width: 100%; height: 100%; padding: 25px 0px 0px 30px; border: 0px solid red; } .contact-info #contact-name { display: block; color: #333333; font-weight: bold; font-size: 11pt; line-height: 22px; } .contact-info #contact-email-phone { display: block; color: #999999; font-weight: bold; line-height: 22px; } .contact-info #contact-email-phone a { color: #800000; font-weight: normal; line-height: 22px; text-decoration: none; } .troubleshooting-content { width: 100%; height: 450px; color: #333333; padding: 25px 80px 100px 60px; border: 0px solid red; } .troubleshooting-content ul { margin-left: 0px; padding-left: 15px; line-height: 18px; } .troubleshooting-content ul li ul { margin-left: 0px; padding-left: 40px; line-height: 18px; } /* BLOG */ .blog-login { width: 190px; height: 523px; background-image: url('../images/landing_subnav_gradient.jpg'); background-repeat: no-repeat; padding: 0px 0px 0px 0px; border: 0px solid red; } .blog-landing-container { width: 700px; height: 523px; border: 0px solid red; } .blog-content { width: 441px; height: 100%; background-color: #EEEEEE; padding: 20px; } .blog-content a { color: #800000; } .blog-right-panel { width: 199px; height: 100%; background-color: #DDDDDD; padding: 0px 0px 0px 20px; } .rss-feed { width: 100%; height: 60px; padding: 0px 0px 0px 0px; } .rss-feed a { font-size: 8pt; font-weight: bold; color: #800000; } /* MANAGER COMMON */ .manager-header { width: 900px; height: 128px; padding: 0px 0px 10px 0px; background: #EEEEEE url('../images/header_background.jpg') left top no-repeat; } .manager-header ul { font-family: tahoma, verdana, arial, sans-serif; font-weight: bold; font-size: 10pt; list-style-type: none; text-align: left; display: block; } .manager-header li { display: inline; margin: 0px 0px 0px 60px; text-align: center; } .manager-header li a { color: #666666; text-decoration: none; } .manager-header li a:visited { color: #666666; text-decoration: none; } .manager-header li a:hover { color: #222222; text-decoration: none; } .manager-header-ext { width: 200px; height: 100%; background: #EEEEEE url('../images/header_background_ext.jpg') left top repeat-x; } .content-table { width: 1100px; height: auto; margin-top: 25px; margin-bottom: 25px; border: 1px solid #666666; } /* MANAGER LOGIN */ .login-form { width: 350px; height: 210px; padding: 0px 0px 0px 0px; } .login-form-header { width: 100%; height: 60px; padding: 0px 0px 0px 0px; color: #999999; font-size: 12pt; font-weight: bold; } .field-header { width: 100px; height: 30px; padding: 0px 0px 0px 0px; } .field { width: 250px; height: 30px; padding: 0px 0px 0px 0px; } .login-message { width: 250px; height: 75px; padding: 30px 0px 0px 0px; color: #800000; } /* MANAGER HOME PAGE */ .nav-menu-ordering-header { width: 100px; height: 30px; padding: 0px 0px 0px 0px; color: #222222; font-weight: bold; } .nav-menu-name-header { width: 350px; height: 30px; padding: 0px 0px 0px 0px; color: #222222; font-weight: bold; } .nav-menu-link-header { width: 500px; height: 30px; padding: 0px 0px 0px 0px; color: #222222; font-weight: bold; } .nav-menu-published-header { width: 150px; height: 30px; padding: 0px 0px 0px 0px; color: #222222; font-weight: bold; } .nav-menu-ordering { width: 100px; height: 30px; padding: 0px 0px 0px 0px; color: #666666; } .nav-menu-name { width: 350px; height: 30px; padding: 0px 0px 0px 0px; color: #666666; } .nav-menu-name input { width: 175px; font-size: 9pt; } .nav-menu-name a { color: blue; text-decoration: none; } .nav-menu-name a:hover { color: blue; text-decoration: underline; } .nav-menu-link { width: 500px; height: 30px; padding: 0px 0px 0px 0px; color: #666666; } .nav-menu-link input { width: 220px; font-size: 9pt; } .nav-menu-published { width: 150px; height: 30px; padding: 0px 0px 0px 0px; color: #666666; } .nav-submenu-ordering { width: 100px; height: 30px; padding: 0px 0px 0px 0px; color: #666666; } .nav-submenu-name { width: 330px; height: 30px; padding: 0px 0px 0px 20px; color: #666666; } .nav-submenu-name input { width: 175px; font-size: 9pt; } .nav-submenu-name a { color: blue; text-decoration: none; } .nav-submenu-name a:hover { color: blue; text-decoration: underline; } .nav-submenu-link { width: 500px; height: 30px; padding: 0px 0px 0px 0px; color: #666666; } .nav-submenu-link input { width: 220px; font-size: 9pt; } .nav-submenu-published { width: 150px; height: 30px; padding: 0px 0px 0px 0px; color: #666666; } .nav-sidemenu-ordering { width: 100px; height: 30px; padding: 0px 0px 0px 0px; color: #666666; } .nav-sidemenu-name { width: 290px; height: 30px; padding: 0px 0px 0px 60px; color: #666666; } .nav-sidemenu-name input { width: 175px; font-size: 9pt; } .nav-sidemenu-name a { color: blue; text-decoration: none; } .nav-sidemenu-name a:hover { color: blue; text-decoration: underline; } .nav-sidemenu-link { width: 500px; height: 30px; padding: 0px 0px 0px 0px; color: #666666; } .nav-sidemenu-link input { width: 220px; font-size: 9pt; } .nav-sidemenu-published { width: 150px; height: 30px; padding: 0px 0px 0px 0px; color: #666666; } .nav-subsidemenu-ordering { width: 100px; height: 30px; padding: 0px 0px 0px 0px; color: #666666; } .nav-subsidemenu-name { width: 250px; height: 30px; padding: 0px 0px 0px 100px; color: #666666; } .nav-subsidemenu-name input { width: 175px; font-size: 9pt; } .nav-subsidemenu-name a { color: blue; text-decoration: none; } .nav-subsidemenu-name a:hover { color: blue; text-decoration: underline; } .nav-subsidemenu-link { width: 500px; height: 30px; padding: 0px 0px 0px 0px; color: #666666; } .nav-subsidemenu-link input { width: 220px; font-size: 9pt; } .nav-subsidemenu-published { width: 150px; height: 30px; padding: 0px 0px 0px 0px; color: #666666; } .home-upload-header { width: 60px; height: 1px; padding: 5px 0px 5px 0px; } .home-upload-field { width: 420px; height: 1px; padding: 5px 0px 5px 0px; } .home-upload-field input.btn { margin: 0px 0px 10px 0px; } .home-upload-clear { width: 55px; height: 1px; padding: 5px 0px 5px 0px; } .home-upload-clear a { font-size: 8pt; color: #800000; text-decoration: none; } .home-upload-clear a:hover { color: #AF2B2B; text-decoration: underline; } .home-upload-space { width: 285px; height: 1px; padding: 5px 0px 5px 0px; } .home-upload-file-type { width: 760px; margin: 10px 0px 5px 0px; } .file-type { margin: 0px 0px 10px 0px; color: #888888; font-size: 10pt; font-style: italic; } .file-type2 { margin: 10px 0px 10px 0px; color: #888888; font-size: 10pt; font-style: italic; } #link-to-field { position: relative; display: block; margin: 10px 0px 0px 0px; color: #666666; font-size: 10pt; text-align: right; } #link-to-field input { width: 403px; } #messageSplashImage, #messageButton1Image, #messageButton2Image, #messageButton3Image, #messageButton4Image, #messageHomeUploadImages { height: 1px; color: red; } /* NAVIGATION TABS */ .cm-navigation { width: 100%; height: 50px; padding-left: 50px; } .cm-navigation ul { font-family: tahoma, verdana, arial, sans-serif; font-weight: bold; font-size: 12px; list-style-type: none; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; text-align: left; display: block; } .cm-navigation li { display: inline; padding: 6px; margin: 0px 5px 0px 0px; text-align: center; background-color: #A8A878; border: 1px solid #EFE0B3; } .cm-navigation li a { color: #EFE0B3; text-decoration: none; margin: 0px 0px 3px 3px; } .cm-navigation li a:visited { color: #EFE0B3; text-decoration: none; } .cm-navigation li a:hover { color: #DCC687; text-decoration: none; } .cm-navigation li.selected { color: #484830; background-color: #A8A878; border: 1px solid #EFE0B3; } /* background-color: #484830; */ .cm-navigation li.selected a { color: #484830; } .cm-navigation li.selected a:active, .cm-navigation li.selected a:visited, .cm-navigation li.selected a:hover { color: #484830; } /* CONENT MANAGER HOME */ .add-menu-item-header { width: 100px; height: auto; padding: 0px 0px 10px 0px; color: #666666; } .add-menu-item-field { width: 750px; height: auto; padding: 0px 0px 10px 0px; } .add-menu-item-field input[type="text"] { width: 250px; } /* NAVIGATION ITEM */ .breadcrumb { width: 100%; height: auto; padding: 0px 0px 0px 50px; } .breadcrumb a { color: blue; text-decoration: none; } .breadcrumb a:hover { color: blue; text-decoration: none; } .menu-item-header { width: 11%; height: auto; padding: 0px 0px 10px 0px; color: #666666; } .menu-item-field { width: 89%; height: auto; padding: 0px 0px 10px 0px; } .menu-item-field input[type="text"] { width: 250px; } .menu-item-result-msg { width: 89%; height: auto; padding: 0px 0px 0px 0px; color: #AF2B2B; } .sales-dist-header { width: 12%; height: auto; padding: 0px 0px 10px 0px; color: #666666; } .sales-dist-header-bold { width: 12%; height: auto; color: #666666; font-size: 14pt; font-weight: normal; padding: 0px 0px 10px 0px; } .sales-dist-field { width: 88%; height: auto; padding: 0px 0px 10px 0px; } .sales-dist-field-header { width: 88%; height: auto; color: #666666; font-size: 14pt; font-weight: normal; padding: 0px 0px 10px 0px; } .sales-dist-field input[type="text"] { width: 250px; } .sales-dist-result-msg { width: 88%; height: auto; padding: 0px 0px 0px 0px; color: #AF2B2B; } .agency-address-header { width: 15%; height: auto; padding: 0px 0px 5px 0px; } .agency-address-field { width: 35%; height: auto; padding: 0px 0px 5px 0px; } .agency-address-msg { width: 35%; height: auto; padding: 0px 0px 5px 0px; color: #800000; font-weight: normal; font-size: 8pt; } .sales-dist-contact-leftcol { width: 30%; height: auto; padding: 0px 0px 0px 0px; } .sales-dist-contact-middlecol { width: 30%; height: auto; padding: 0px 0px 0px 0px; } .sales-dist-contact-rightcol { width: 40%; height: auto; padding: 0px 0px 0px 0px; } .sales-dist-contact-header { width: 32%; height: auto; padding: 0px 0px 5px 0px; } .sales-dist-contact-field { width: 68%; height: auto; padding: 0px 0px 5px 0px; } .sales-dist-col1 { width: 30%; height: auto; padding: 0px 0px 0px 0px; } .sales-dist-col2 { width: 30%; height: auto; padding: 0px 0px 0px 0px; } .sales-dist-col3 { width: 30%; height: auto; padding: 0px 0px 0px 0px; } .sales-dist-col4 { width: 10%; height: auto; padding: 0px 0px 0px 0px; } .contact-col1 { width: 30%; height: auto; padding: 0px 0px 0px 0px; border: 0px solid red; } .contact-col2 { width: 30%; height: auto; padding: 0px 0px 0px 0px; border: 0px solid red; } .contact-col3 { width: 30%; height: auto; padding: 0px 0px 0px 0px; border: 0px solid red; } .contact-col4 { width: 10%; height: auto; padding: 0px 0px 0px 0px; border: 0px solid red; } .company-info-col1 { width: 30%; height: auto; padding: 10px 0px 10px 0px; border: 0px solid red; } .company-info-col2 { width: 70%; height: auto; padding: 10px 0px 10px 0px; color: #666666; font-weight: bold; border: 0px solid red; } .documents-odd { background-color: #EEEEEE; color: #666666; } .documents-even { background-color: #CCCCCC; color: #666666; } #pageTextMessage { color: maroon; }