/* Theme Name: CompRx Theme URI: http://www.comprxomaha.com Description: Theme for the CompRx Company Website Version: 2.0 Author: Michael McKenzie Author URI: Tags: */ /* Copyright (c) 2008, 2009 CompRx. All rights reserved. Maintains base style through-out all class A browsers */ /* ------------ base elements ------------ */ * { margin:0;padding:0; } body{ margin:0;padding:0; background: white; } ul {list-style-type: none;} h2 {color:#333333;font-size:175%;font-weight:bolder;} h2 a{color:color:#000066;text-decoration:none;} h2 a:hover{color:#333333;text-decoration:underline;} h3{color:#333333;font-size:125%;font-weight:bolder;} h3 a{color:color:#000066;text-decoration:none;} h3 a:hover{color:#333333;text-decoration:underline;} h4 {color:#ffffff;font-size:100%;font-weight:bold;} h4 a{color:#ffffff;text-decoration:underline;} h4 a:hover{color:#ffffff;font-size:105%;} h5 {color:#000033;font-size:95%;font-weight:bold;} p{color:#333333;font-size:95%;font-family:tahoma;} a {font-family:tahoma;font-weight:bold;color:#333333;text-decoration:none;} a:hover{font-size:103%;color:#000066;text-decoration:underline;} li .cat-item {padding:3px;} .alt{background: #7aacbf; padding:5px;} /* ------------ common classes ------------ */ .clear { clear: both; } .right { float: right; } .left { float: left; } .none { display: none; } .strike { text-decoration: line-through; } .button{} .center{text-align:center;} .bold{font-weight:bold;} .emph{font-style: italic} .pull{margin-left:-15px;} .red{color:red;} .blue{color:blue} .green{color:green} .text{text-align:left;} /* ------------ specific selectors ------------ */ /* ------------ template layout ------------ */ #page-wrap{height:100%;margin-top: 10px;} #header-wrap{ background: url(images/header-bg-phone-24.png) no-repeat top left;width: 950px;height:252px;} #header-wrap a.logo{display:block;text-indent:-9999px;height:150px;width:400px;} #site-map{float:right;display: block;width:96px; height:27px;background: url("images/sm-bg.gif") no-repeat top right;margin: 0 -1px 0 0;} #site-map a{ float:right; display: block; width:96px; height:27px; font-family: tahoma; font-weight: bold; font-size: 80%; background: url("images/sm-bg.gif") no-repeat top right; color: white; text-transform: uppercase; text-decoration:none; } #site-map a:hover{ background-position: 0 -27px;} #site-map span{padding-left: 21px;line-height:27px;} #main-nav{ float:right; margin-top:45px; display:inline-block; width:688px; height:53px;} #main-nav ul{ margin: 0;float:right;} #main-nav li{ display: inline;} #main-nav li a {display:block;height: 53px;float: left;background-image: url("images/nav-sprite.png");line-height:50px;color:white;} #main-nav li a:hover {color:white;text-decoration:none;} #main-nav li a#nav1{ background-position: 0 0; width:92px;text-align:center;} #main-nav li a#nav1:hover{ background-position: 0 -53px; } #main-nav li a#nav2{ background-position: -92px 0; width:104px;text-align:center;} #main-nav li a#nav2:hover{ background-position: -92px -53px; } #main-nav li a#nav3{ background-position: -199px 0; width:108px;text-align:center;} #main-nav li a#nav3:hover{ background-position: -199px -53px; } #main-nav li a#nav4{ background-position: -307px 0; width:102px;text-align:center;} #main-nav li a#nav4:hover{ background-position: -307px -53px; } #main-nav li a#nav5{ background-position: -409px 0; width:99px;text-align:center;} #main-nav li a#nav5:hover{ background-position: -409px -53px; } #main-nav li a#nav6{ background-position: -508px 0; width:79px;text-align:center;} #main-nav li a#nav6:hover{ background-position: -508px -53px; } #main-nav li a#nav7{ background-position: -589px 0; width:80px;text-align:center;} #main-nav li a#nav7:hover{ background-position: -589px -53px; } #ad-wrap{ width:950px; height:109px; background: url("images/ad-wrap-bg.jpg") repeat-x; } #ad-wrap-left{ background: url("images/ad-wrap-l-bg.jpg") no-repeat; height: 109px; } #ad-wrap-main{ width:310px; height: 109px; } #ad-wrap-main a{ display:block; width:310px; height: 109px; text-indent: -9999px; background: url("images/ad-wrap-button.gif") no-repeat;} #ad-wrap-main a#button{background-position: 0 0; } #ad-wrap-main a#button:hover{background-position: 0 -109px; } #ad-wrap-right{ background: url("images/ad-wrap-r-bg.jpg") top right no-repeat; height: 109px;} #second-nav-wrap{ background: #cc3333; color: #ffffff;height: 30px;} #second-nav{line-height:30px;text-transform: uppercase;font-family:tahoma;font-size:90%;} #second-nav li{display:inline;font-weight:bold;} #second-nav li a{display:inline;color:#ffffff;text-decoration:none;} #second-nav li a:hover{text-decoration:underline;} #second-nav-search{text-align:right; line-height:30px;} #second-nav-search form {padding-right:5px;} #filler{height:25px;width:950px;background:#ffffff;} #content-wrap{width:950px; background: #ffffff;} #left-sidebar{width:190px;color:#cccccc;} #left-sidebar .widget{width: 170px; background: #006699; position: relative; margin:0 0 25px 10px;} #left-sidebar .widget .tl {position: absolute; width:15px; height:15px; background: url("images/left-sidebar-tl.gif"); top: 0px; left: 0px;} #left-sidebar .widget .tr {position: absolute; width:15px; height:15px; background: url("images/left-sidebar-tr.gif"); top: 0px; right: 0px;} #left-sidebar .widget .bl {position: absolute; width:15px; height:15px; background: url("images/left-sidebar-bl.gif"); bottom: 0px; left: 0px;} #left-sidebar .widget .br {position: absolute; width:15px; height:15px; background: url("images/left-sidebar-br.gif"); bottom: 0px; right: 0px;} #left-sidebar .widget .inside { padding: 15px; } #left-sidebar .widget .inside textarea {width:130px; height:125px;} #left-sidebar .widget .inside a{color:#9999ff;} #left-sidebar .widget .inside a:hover{font-size:1em;} #left-sidebar .widget .inside p{color:#cccccc;font-size:85%;} #left-sidebar .widget .inside li {color:#cccccc;margin:-5px 0 0 -15px; font-weight:bold;font-size:90%;} #left-sidebar .widget .inside .cat-item {padding:5px 0 5px 0; font-size:100%;} #main-content{width:550px;} #main-content .widget {width: 550px; background: #ebf5fc; position: relative; margin:0 5px 25px 0; border: 2px solid #cccccc;} #main-content .widget .tl {position: absolute; width:15px; height:15px; background: url("images/main-cont-tl.gif"); top: -2px; left: -2px;} #main-content .widget .tr {position: absolute; width:15px; height:15px; background: url("images/main-cont-tr.gif"); top: -2px; right: -2px;} #main-content .widget .bl {position: absolute; width:15px; height:15px; background: url("images/main-cont-bl.gif"); bottom: -2px; left: -2px;} #main-content .widget .br {position: absolute; width:15px; height:15px; background: url("images/main-cont-br.gif"); bottom: -2px; right: -2px;} #main-content .widget .inside { padding: 15px; } #main-content .widget .inside a {color:#0B3861;} #main-content .widget .inside a:hover {color:#333333;} #main-content .widget .inside li a {color:#0B3861;} #main-content .widget .inside li a:hover {color:#333333;} #main-content .widget .inside h1 {color:#333333;} #main-content .widget .inside h1 a{color:#0B3861;} #main-content .widget .inside h1 a:hover{color:#333333;} #main-content .widget .inside h2 {color:#333333;} #main-content .widget .inside h2 a{color:#0B3861;} #main-content .widget .inside h2 a:hover{color:#333333;} #main-content .widget .inside h3 {color:#333333;} #main-content .widget .inside h3 a{color:#0B3861;} #main-content .widget .inside h3 a:hover{color:#333333;} #main-content .widget .inside h4 {color:#333333;} #main-content .widget .inside h4 a{color:#0B3861;} #main-content .widget .inside h4 a:hover{color:#333333;} #main-content .widget .inside .code {background: #ffc; padding:8px; margin:0 0 10px 0;border: thin dashed #999;} #main-content .widget2 {width: 740px; background: #ebf5fc; position: relative; margin:0 5px 25px 0; border: 2px solid #cccccc;} #main-content .widget2 .tl {position: absolute; width:15px; height:15px; background: url("images/main-cont-tl.gif"); top: -2px; left: -2px;} #main-content .widget2 .tr {position: absolute; width:15px; height:15px; background: url("images/main-cont-tr.gif"); top: -2px; right: -2px;} #main-content .widget2 .bl {position: absolute; width:15px; height:15px; background: url("images/main-cont-bl.gif"); bottom: -2px; left: -2px;} #main-content .widget2 .br {position: absolute; width:15px; height:15px; background: url("images/main-cont-br.gif"); bottom: -2px; right: -2px;} #main-content .widget2 .inside { padding: 15px; } #main-content .widget2 .inside a {color:#0B3861;} #main-content .widget2 .inside a.button{color:white;} #main-content .widget2 .inside a:hover {color:#333333;} #main-content .widget2 .inside li a {color:#0B3861;} #main-content .widget2 .inside li a:hover {color:#333333;} #main-content .widget2 .inside h1 {color:#333333;} #main-content .widget2 .inside h1 a{color:#0B3861;} #main-content .widget2 .inside h1 a:hover{color:#333333;} #main-content .widget2 .inside h2 {color:#333333;} #main-content .widget2 .inside h2 a{color:#0B3861;} #main-content .widget2 .inside h2 a:hover{color:#333333;} #main-content .widget2 .inside h3 {color:#333333;} #main-content .widget2 .inside h3 a{color:#0B3861;} #main-content .widget2 .inside h3 a:hover{color:#333333;} #main-content .widget2 .inside h4 {color:#333333;} #main-content .widget2 .inside h4 a{color:#0B3861;} #main-content .widget2 .inside h4 a:hover{color:#333333;} #main-content .widget2 .inside .code {background: #ffc; padding:8px; margin:0 0 10px 0;border: thin dashed #999;} #main-content .widget-left{width:265px; background: #ebf5fc; position: relative; margin:0 5px 25px 0; border: 2px solid #cccccc;} #main-content .widget-left .tl {position: absolute; width:15px; height:15px; background: url("images/main-cont-tl.gif"); top: -2px; left: -2px;} #main-content .widget-left .tr {position: absolute; width:15px; height:15px; background: url("images/main-cont-tr.gif"); top: -2px; right: -2px;} #main-content .widget-left .bl {position: absolute; width:15px; height:15px; background: url("images/main-cont-bl.gif"); bottom: -2px; left: -2px;} #main-content .widget-left .br {position: absolute; width:15px; height:15px; background: url("images/main-cont-br.gif"); bottom: -2px; right: -2px;} #main-content .widget-left .inside { padding: 15px; } #main-content .widget-left .inside h4 {color:#333333;} #main-content .widget-left .inside h4 a{color:#0B3861;} #main-content .widget-left .inside h4 a:hover{color:#333333;} #main-content .widget-left .inside textarea {width:200px; height:150px;} #main-content .widget-right{width:265px; background: #ebf5fc; position: relative; margin:0 0 25px 5px; border: 2px solid #cccccc;} #main-content .widget-right .tl {position: absolute; width:15px; height:15px; background: url("images/main-cont-tl.gif"); top: -2px; left: -2px;} #main-content .widget-right .tr {position: absolute; width:15px; height:15px; background: url("images/main-cont-tr.gif"); top: -2px; right: -2px;} #main-content .widget-right .bl {position: absolute; width:15px; height:15px; background: url("images/main-cont-bl.gif"); bottom: -2px; left: -2px;} #main-content .widget-right .br {position: absolute; width:15px; height:15px; background: url("images/main-cont-br.gif"); bottom: -2px; right: -2px;} #main-content .widget-right .inside { padding: 15px; } #main-content .widget-right .inside h4 {color:#333333;} #main-content .widget-right .inside h4 a {color:#0B3861;} #main-content .widget-right .inside h4 a:hover{color:#333333;} #main-content .widget-right .inside textarea {width:200px; height:150px;} #right-sidebar{width:190px;color:#cccccc;} #right-sidebar .widget{width: 170px; background: #006699; position: relative; margin:0 0 25px 10px;} #right-sidebar .widget .tl {position: absolute; width:15px; height:15px; background: url("images/left-sidebar-tl.gif"); top: 0px; left: 0px;} #right-sidebar .widget .tr {position: absolute; width:15px; height:15px; background: url("images/left-sidebar-tr.gif"); top: 0px; right: 0px;} #right-sidebar .widget .bl {position: absolute; width:15px; height:15px; background: url("images/left-sidebar-bl.gif"); bottom: 0px; left: 0px;} #right-sidebar .widget .br {position: absolute; width:15px; height:15px; background: url("images/left-sidebar-br.gif"); bottom: 0px; right: 0px;} #right-sidebar .widget .widget_archive {width:130px;} #right-sidebar .widget .widget_calendar {width:130px;} #right-sidebar .widget .inside { padding: 15px; } #right-sidebar .widget .inside textarea {width:130px; height:150px;} #right-sidebar .widget .inside a{color:#9999ff;} #right-sidebar .widget .inside a:hover{text-decoration:underline;font-size:1em;} #right-sidebar .widget .inside p{margin-top:-10px;color:#cccccc;font-size:85%;} #right-sidebar .widget .inside li {color:#cccccc;margin:-5px 0 0 -15px; font-weight:bold;font-size:90%;} #right-sidebar .widget .inside hr {width:140px;} #google-results{margin:25px 0 25px 0;} #footer-wrap{color: #ffffff; margin-top: 75px;height: 100px;background: url("images/footer-bg.png") repeat-x;} #left-footer{width:190px;height:100px} #left-footer .inside {padding: 25px 15px 0 50px;font-family: tahoma; font-weight: bold; font-size: 80%;} #main-footer{width:550px; height:100px;} #footer-v-center{font-family: serif; text-transform:uppercase; text-align:center;margin-top:25px;} #footer-v-center li{display:inline;} #footer-v-center a{text-transform:uppercase;color:#ffffff;text-decoration:none;font-size:95%;} #footer-v-center a:hover{text-decoration:underline;font-size:96%;} #footer-v-center p a #priv{text-decoration:none;font-size:75%;} #footer-v-center p a #priv:hover {text-decoration:underline;color:#ffffff;} #footer-v-center p {color:#ffffff;margin-top: -10px; font-size:80%;} #right-footer{width:190px; height:100px;} #right-footer .inside {padding: 0 25px 0 40px;} #feature-table { width: 100%; margin: 0 auto; border-collapse: collapse;} #feature-table th { height: 120px; padding-bottom: 14px !important; vertical-align: bottom; } #header-features {background: url(images/features.png) no-repeat; } #header-basic { background: url(images/starter.png) no-repeat; } #header-plus { background: url(images/standard.png) no-repeat; } #header-premium { background: url(images/premium.png) no-repeat; } #header-pro { background: url(images/custom.png) no-repeat; } #feature-table th span { position: absolute; top: -9999px; left: -9999px; } #feature-table td, #feature-table th { font-weight:bold;width: 140px; padding: 8px 5px; text-align: center; border-left: 1px solid white; border-right: 1px solid white; } #feature-table .final-row td { padding: 24px 5px; } .features {background-color: #d5e4bc; background-color: hsla(55, 30%, 80%, 1); } .basic { background-color: #d5e4bc; background-color: hsla(85, 30%, 80%, 1); } .plus { background-color: #c1dcb7; background-color: hsla(110, 30%, 80%, 1); } .premium { background-color: #bad6c8; background-color: hsla(150, 30%, 80%, 1); } .pro { background-color: #bbd3dc; background-color: hsla(190, 30%, 80%, 1); } .odd .table-col-1 { background-color: #edf3e2; background-color: hsla(55, 30%, 94%, 1); } .odd .table-col-2 { background-color: #edf3e2; background-color: hsla(85, 30%, 94%, 1); } .odd .table-col-3 { background-color: #edf3e2; background-color: hsla(110, 30%, 94%, 1); } .odd .table-col-4 { background-color: #edf3e2; background-color: hsla(150, 30%, 94%, 1); } .odd .table-col-5 { background-color: #e2ecf0; background-color: hsla(190, 30%, 94%, 1); } .leftOfFeatured { background-image: url(../images/shadow-left.png); background-repeat: repeat-y; background-position: right center; } .rightOfFeatured { background-image: url(../images/shadow-right.png); background-repeat: repeat-y; background-position: left center; } /* From http://css-tricks.com/examples/ButtonMaker/ */ .button { border-top: 1px solid #a695b3; background: #64548f; background: -webkit-gradient(linear, left top, left bottom, from(#836c94), to(#64548f)); background: -moz-linear-gradient(top, #836c94, #64548f); padding: 5px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: white; font-size: 14px; font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif; text-decoration: none; vertical-align: middle; } .button:hover { border-top-color: #755a99; background: #755a99; color: #ffffff; } .button:active { border-top-color: #4f3463; background: #4f3463; position: relative; top: 1px; } @import "styles/css/print.css";