/* Theme Name: Spectrum Printing & Marketing Theme URI: http://www.spectrum.tm Description: Spectrum Printing & Marketing Website. Version: Author: Bighouse Graphix Author URI: http://www.bighousegraphix.com */ /* Reset global properties ----------------------- */ * { margin: 0px; padding: 0px; } html, body, p, form, input, label, div, span, h1, h2, h3, h4, h5, h6, h7, br, a, table, tr, td, ul, ol, li, img { padding: 0px; margin: 0px; border: 0px; text-decoration: none; list-style-type: none; } h1, h2, h3, h4, h5, h6, h7 { display: inline; } /* Basic HTML tags --------------- */ a { color: #333333; } p a { color: #000000; border-bottom: dotted #333333 1px; } p a img { border-bottom: none; } #sidebar a { color: #000000; } a:hover { color: #636363; } #footer a { color: #FFFFFF; } #sidebar a:hover { color: #333333; } #buttons a { color: #FFFFFF; } #buttons a:hover { color: #161616; } p { font-weight: normal; font-size: 12px; padding: 0px; margin: 0px; padding-bottom: 1em; } #content p { font-weight: normal; font-size: 12px; padding: 0px; margin: 0px; padding-bottom: 1em; line-height: 17px; } #upload_right p { font-weight: normal; font-size: 12px; padding: 0px; margin: 0px; padding-bottom: 1em; line-height: 15px; } table { font-size: 12px; padding-bottom: 1em; } table.no { padding-bottom: 0em; } table.left { float: left; border-right: dotted #C1C1C1 1px; } .fontsize_12 { font-size: 12px; } .fontsize_13 { font-size: 13px; } .email { vertical-align: text-bottom; } .email_info { vertical-align: text-bottom; background: url(images/email_info.gif) no-repeat; width: 97px; height: 12px; } .small { font-size: 10px; } .logo a { text-indent:-9999em; width: 227px; height: 102px; background: url(images/Spectrum_LOGO.gif) no-repeat; display:block; position: absolute; margin: 8px 0px 0px 28px; } #btn_FileUpload a { width: 117px; height: 28px; background: url(images/btn_FileUpload.gif) no-repeat center; display:block; float: right; } #btn_FileUpload a:hover { background: #F8931D url(images/btn_FileUpload_up.gif) no-repeat center; } #btn_ViewCart { float: right; font-size: 11px; margin: 5px 20px 0px 0px; } #phone { float: right; margin-right: 25px; .margin-right: 15px; font-size: 14px; } #facebook { float: right; margin-right: 25px; } .title_quote { text-indent:-9999em; width: 199px; height: 32px; background: url(images/title_NeedAQuote.gif) no-repeat; display:block; cursor: pointer; } .title_green { text-indent:-9999em; width: 130px; height: 31px; background: url(images/title_GoGreen.gif) no-repeat; display:block; cursor: pointer; } .title_rotator_print { text-indent:-9999em; width: 195px; height: 48px; background: url(images/title_rotator_print.gif) no-repeat; display:block; } .title_rotator_web { text-indent:-9999em; width: 193px; height: 48px; background: url(images/title_rotator_web.gif) no-repeat; display:block; } .title_rotator_design { text-indent:-9999em; width: 196px; height: 48px; background: url(images/title_rotator_design.gif) no-repeat; display:block; } .title_rotator_directmail { text-indent:-9999em; width: 193px; height: 48px; background: url(images/title_rotator_directmail.gif) no-repeat; display:block; } #title_signup { width: 202px; height: 32px; background: url(images/title_SignUpToday.gif) no-repeat; display:block; } #title_signup span { display:none; } .title_prom { text-indent:-9999em; width: 201px; height: 16px; background: url(images/title_PromotionalItems.gif) no-repeat; display:block; } #title_items { width: 255px; height: 70px; background: url(images/title_Items.gif) no-repeat; display:block; margin: auto; } #title_items span { display:none; } #title_searchdatabase { width: 260px; height: 46px; background: url(images/btn_SearchDatabase.gif) no-repeat; margin: auto; cursor: pointer; margin-top: 33px; } #title_searchdatabase:hover { background: url(images/btn_SearchDatabase_up.gif) no-repeat; } #title_searchdatabase span { display:none; } .title_aboutus { text-indent:-9999em; width: 125px; height: 22px; background: url(images/title_AboutUs.gif) no-repeat; display:block; border-bottom: solid #EC008C 7px; padding: 0px 25px 0px 0px; } .title_services_directmail { text-indent:-9999em; width: 262px; height: 22px; background: url(images/title_Services_DirectMail.gif) no-repeat; display:block; border-bottom: solid #8CC63F 7px; padding: 0px 25px 0px 0px; } .title_services_graphicdesign { text-indent:-9999em; width: 306px; height: 22px; background: url(images/title_Services_GraphicDesign.gif) no-repeat; display:block; border-bottom: solid #EC1C24 7px; padding: 0px 25px 0px 0px; } .title_services_webdev { text-indent:-9999em; width: 382px; height: 22px; background: url(images/title_Services_WebsiteDevelopment.gif) no-repeat; display:block; border-bottom: solid #652D90 7px; padding: 0px 25px 0px 0px; } .title_services_marketing { text-indent:-9999em; width: 252px; height: 22px; background: url(images/title_Services_Marketing.gif) no-repeat; display:block; border-bottom: solid #F8931D 7px; padding: 0px 25px 0px 0px; } .title_services_promo { text-indent:-9999em; width: 351px; height: 22px; background: url(images/title_Services_PromotionalItems.gif) no-repeat; display:block; border-bottom: solid #01AEF0 7px; padding: 0px 25px 0px 0px; } .title_services_printing { text-indent:-9999em; width: 229px; height: 22px; background: url(images/title_Services_Printing.gif) no-repeat; display:block; border-bottom: solid #EC008C 7px; padding: 0px 25px 0px 0px; } .title_ordering_waystoorder { text-indent:-9999em; width: 305px; height: 22px; background: url(images/title_Ordering_WaysToOrder.gif) no-repeat; display:block; border-bottom: solid #8CC63F 7px; padding: 0px 25px 0px 0px; } .title_ordering_upload { text-indent:-9999em; width: 286px; height: 22px; background: url(images/title_Ordering_UploadFiles.gif) no-repeat; display:block; border-bottom: solid #EC008C 7px; padding: 0px 25px 0px 0px; } .title_ordering_quote { text-indent:-9999em; width: 313px; height: 22px; background: url(images/title_Ordering_QuoteRequest.gif) no-repeat; display:block; border-bottom: solid #FFC10E 7px; padding: 0px 25px 0px 0px; } .title_ordering_faq { text-indent:-9999em; width: 176px; height: 22px; background: url(images/title_Ordering_FAQ.gif) no-repeat; display:block; border-bottom: solid #EC1C24 7px; padding: 0px 25px 0px 0px; } .title_promo { text-indent:-9999em; width: 242px; height: 22px; background: url(images/title_Promo.gif) no-repeat; display:block; border-bottom: solid #652D90 7px; padding: 0px 25px 0px 0px; } .title_contact { text-indent:-9999em; width: 149px; height: 22px; background: url(images/title_Contact.gif) no-repeat; display:block; border-bottom: solid #01AEF0 7px; padding: 0px 25px 0px 0px; } .title_work { text-indent:-9999em; width: 133px; height: 22px; background: url(images/title_OurWork.gif) no-repeat; display:block; border-bottom: solid #01AEF0 7px; padding: 0px 25px 0px 0px; } .title_thankyou { text-indent:-9999em; width: 139px; height: 22px; background: url(images/title_ThankYou.gif) no-repeat; display:block; border-bottom: solid #F8931D 7px; padding: 0px 25px 0px 0px; } .title_error { text-indent:-9999em; width: 221px; height: 22px; background: url(images/title_Error.gif) no-repeat; display:block; border-bottom: solid #F8931D 7px; padding: 0px 25px 0px 0px; } .title_sitemap { text-indent:-9999em; width: 117px; height: 22px; background: url(images/title_SiteMap.gif) no-repeat; display:block; border-bottom: solid #F8931D 7px; padding: 0px 25px 0px 0px; } /* Start Website in Sequence */ body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 62.5%; color: #000000; background: #EFEFEF; } #container { width: 880px; margin: auto; background: #FFFFFF url(images/background.gif) no-repeat top center; padding: 15px 10px 10px 10px; } #top { width: 880px; height: 128px; margin: auto; border-top: solid #EFEFEF 3px; } #middle { width: 880px; margin: auto; } #content { width: 570px; margin: auto; float: left; padding: 10px 10px 0px 10px; } #content_contact { width: 580px; margin: auto; float: left; padding: 10px 0px 0px 10px; } #content_promo { width: 860px; margin: auto; float: left; padding: 10px 10px 0px 10px; } #sidebar { width: 280px; margin: auto; float: right; } #searchsite { margin-top: 12px; } #bottom { width: 880px; margin: auto; margin-top: 16px; } #prom_top { width: 860px; height: 23px; margin: auto; background: url(images/bkrnd_prom.gif) repeat-x; padding: 7px 10px 0px 10px; } #bottom_middle { width: 880px; height: 165px; margin: auto; margin-top: 10px; margin-bottom: 10px; } #bottom_middle_right { width: 285px; height: 151px; float: right; padding: 14px 0px 0px 0px; } #proud-members { width: 880px; margin: auto; margin-top: 10px; text-align: right; vertical-align: top; } #proud-members a img { margin-left: 10px; vertical-align: top; } #contact_left { width: 300px; float: left; } #contact_right { width: 220px; float: right; } #quote_left { width: 570px; float: left; } #upload_left { width: 350px; float: left; } #upload_right { width: 220px; float: right; } #promodiv { height: 70px; } /* Start Rotator --------- */ #rotator { width: 590px; margin: auto; float: left; height: 275px; overflow: hidden; font-size: 13px; } #rotator_graphicdesign_L { width: 368px; float: left; height: 273px; border: solid #CCCCCC 1px; background: url(images/rotator_design.jpg) no-repeat; } #rotator_graphicdesign_R { width: 220px; float: right; height: 275px; background: #01AEF0 url(images/bkrnd_blue.gif) no-repeat; } #rotator_graphicdesign_R input { background-color: #01AEF0; } #rotator_graphicdesign_R .up { background-color: #FFFFFF; color: #333333; } #rotator_web_L { width: 368px; float: left; height: 273px; border: solid #CCCCCC 1px; background: url(images/rotator_web.jpg) no-repeat; } #rotator_web_R { width: 220px; float: right; height: 275px; background: #F8931D url(images/bkrnd_orange.gif) no-repeat; } #rotator_web_R input { background-color: #F8931D; } #rotator_web_R .up { background-color: #FFFFFF; color: #333333; } #rotator_print_L { width: 368px; float: left; height: 273px; border: solid #CCCCCC 1px; background: url(images/rotator_print.jpg) no-repeat; } #rotator_print_R { width: 220px; float: right; height: 275px; background: #EC008C url(images/bkrnd_pink.gif) no-repeat; } #rotator_print_R input { background-color: #EC008C; } #rotator_print_R .up { background-color: #FFFFFF; color: #333333; } #rotator_directmail_L { width: 368px; float: left; height: 273px; border: solid #CCCCCC 1px; background: url(images/rotator_directmail.jpg) no-repeat; } #rotator_directmail_R { width: 220px; float: right; height: 275px; background: #8CC63F url(images/bkrnd_green.gif) no-repeat; } #rotator_directmail_R input { background-color: #8CC63F; } #rotator_directmail_R .up { background-color: #FFFFFF; color: #333333; } div.rotater { display:none } #rotator input { width: 18px; height: 18px; color: #FFFFFF; border: solid #FFFFFF 1px; float: left; margin: 0px 0px 0px 5px; font-size: 11px; cursor: pointer; text-align: center; padding: 0px; } #rotator input:hover { border: solid #161616 1px; } #rotator_top { height: 210px; } #rotator_title { width: 195px; margin: auto; border-bottom: solid #FFFFFF 7px; font-size: 19px; margin-top: 25px; color: #FFFFFF; height: 52px; } #rotator_p { width: 195px; margin: auto; font-size: 12px; margin-top: 21px; color: #FFFFFF; overflow: auto; } #buttons { border-top: solid #FFFFFF 1px; text-align: right; padding: 10px 10px 10px 10px; } /* End Rotator */ /* End Center */ /* Start Nav --------- */ #nav { width: 880px; height: 36px; background: url(images/bkrnd_nav.gif) repeat-x; margin-top: 43px; } #nav ul { list-style: none; padding: 6px 0px 0px 0px; margin: 0; float: right; } #nav li { float: left; position: relative; text-align: left; cursor: default; margin-right: 10px; } #nav li a { display:block; padding: 5px; } #nav li a:hover { background: #FFFFFF; color: #000000; } #nav li .up { background: #FFFFFF; } #nav ul li li { background: #333333; -moz-opacity:0.88; /* for mozilla */ opacity: 0.88; /* for safari */ khtml-opacity: 0.88; /* for konquerer and older safari */ } #nav li ul li { text-align: left; height: auto; min-height: auto; display: block; font-size: 12px; padding: 4px; } #nav a { text-decoration: none; color: #FFFFFF; } #nav li li ul { top: 0; left: 0; } li .up { background: #FFFFFF; } .prodrop8 { padding:0; margin:0; list-style:none; position:relative; z-index:500; } /* Default link styling */ /* Style the list OR link hover. Depends on which browser is used */ .prodrop8 a:hover { visibility:visible; position:relative; z-index:200; } .prodrop8 li:hover { position:relative; z-index:200; } /* keep the 'next' level invisible by placing it off screen. */ .prodrop8 ul, .prodrop8 iframe { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; } .prodrop8 :hover ul { left:0; top:18px; white-space:nowrap; height:auto; z-index:300; } #sidebar ul { list-style: none; margin: 0; } #sidebar li.bordernone { position: relative; float: right; text-align: left; width: 280px; height: 65px; margin-bottom: 0px; border: none; padding: 10px 0px 0px 0px; cursor: default; display:block; } #sidebarli { position: relative; float: right; text-align: left; width: 258px; height: 66px; margin-bottom: 12px; border: solid #CCCCCC 1px; padding: 10px; cursor: pointer; display:block; background: url(images/btn_go.gif) no-repeat 236px 63px; } #sidebarli:hover { border: solid #161616 1px; background: url(images/btn_go_up.gif) no-repeat 236px 63px; } /* End Nav */ /* Promotional Items */ #bottom_middle_left { width: 565px; height: 165px; float: left; background: url(images/0_BestSellers.gif) no-repeat; padding-left: 30px; } #bottom_middle_left ul { list-style: none; margin: 0; padding: 0; } #bottom_middle_left ul li { float: left; display: block; } #bottom_middle_left ul li ul { list-style: none; margin: 15px 0px; padding: 0px 0px 0px 40px; } #bottom_middle_left ul li ul li { float: left; display: block; height: 120px; padding: 15px 7px 0px 0px; } .dotted { border-right: dashed #CCCCCC 1px; margin: 0px 7px 0px 0px; } #bottom_middle_left ul li span { display: block; overflow: hidden; height: 163px; width: 30px; border-top: solid #CCCCCC 1px; border-bottom: solid #CCCCCC 1px; } #bottom_middle_left #a1 { width: 440px; } #bottom_middle_left .category_one { background: url(images/1_HealthWellness.gif) no-repeat; } #bottom_middle_left .category_two { background: url(images/2_AwardsGifts.gif) no-repeat; } #bottom_middle_left .category_three { background: url(images/3_SportsOutdoors.gif) no-repeat; } #bottom_middle_left .category_four { background: url(images/4_HomeDrinkware.gif) no-repeat; } #bottom_middle_left .category_five { background: url(images/5_CorporateOffice.gif) no-repeat; border-right: solid #CCCCCC 1px; } /* Start Footer */ #footer { width: 880px; margin: auto; text-align: center; color: #FFFFFF; height: 23px; background: url(images/bkrnd_footer.gif) repeat-x; font-size: 11px; padding-top: 17px; } /* End Footer */ /* Start Forms */ input, textarea { color: #333333; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; padding: 2px; background-color: #E2E2E2; width: 170px; border: none; } .radio { background-color: #FFFFFF; width: auto; } .sm_input { width: 50px; background-color: #FFFFFF; border: solid #C1C1C1 1px; } .med_input { width: 75px; background-color: #FFFFFF; border: solid #C1C1C1 1px; } .lrg_input { width: 170px; background-color: #FFFFFF; border: solid #C1C1C1 1px; } .upload_input { width: 200px; background-color: #FFFFFF; border: solid #C1C1C1 1px; } .text_specials { width: 185px; } form td { font-size: 12px; } .main { font-weight: bold; } .reset { width: 70px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em; background-color: #434132; color: #FFFFFF; } .go { float: right; margin-top: 52px; } .submit { width: 65px; background: url(images/btn_submit.gif) no-repeat center; background-color: #161616; height: 18px; margin-left: 3px; } .submit2 { width: 65px; background: url(images/btn_submit.gif) no-repeat center; background-color: #161616; height: 18px; margin-left: 20px; } .submit3 { width: 65px; background: url(images/btn_submit.gif) no-repeat center; background-color: #161616; height: 18px; margin-left: 0px; } .submit:hover, .submit2:hover, .submit3:hover { background: url(images/btn_submit_up.gif) no-repeat center; background-color: #4D4D4D; } .reset { width: 65px; background: url(images/btn_reset.gif) no-repeat center; background-color: #161616; height: 18px; margin-left: 3px; } .reset:hover { background: url(images/btn_reset_up.gif) no-repeat center; background-color: #4D4D4D; } .search { width: 65px; background: url(images/btn_search.gif) no-repeat center; background-color: #161616; height: 18px; margin-left: 3px; } .search:hover { background: url(images/btn_search_up.gif) no-repeat center; background-color: #4D4D4D; } /* End Forms */ #right { float: right; } #left { float: left; } .right { float: right; } .left { float: left; } /* Clear Fix Code */ .ClearFix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* WinIE7 only */ *:first-child+html .ClearFix { height:1%; } /* WinIE6 and below */ * html .ClearFix { height:1%; } /* MacIE only */ /*¥*//*/ .ClearFix{ display:inline-table; } /**/ .right_contact { float: right; width: 370px; } /* Begin Images */ /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* End Images */ .postmetadata { border-bottom: dotted 1px; padding-bottom: 5px; margin-bottom: 20px; } /* ------------------------------------- Float Feedback Button ------------------------------------- */ #floatdiv { position:absolute; left:0px; top:0px;/* This is a floating javascript menu. */ font-size: 15px; text-align: center; color:#636363; } .feedback { font-size: 10px; color:#636363; } /* Add css class names below and they will show in all "Style" drop-downs */