I am trying to do two things here, and need some assistance.
My site: www.billboardfamily.com
What I am attempting to do:
- Trying to create a “Partners” area, like what is on this page, at the bottom: http://iwearyourshirt.com/
I have the image I am using the right size, but it is displaying with some dots (look like bullets), and you can not see the images.
- I have some css that is taking these images and it is supposed to display the grayscale image, and it becomes color on mouse hover. That is kind of working.
Please advise! thanks.
footer.php (look under <div id=“top”>
<div class="break"></div>
</div>
<!-- END body -->
</div>
<!-- END wrapper -->
</div>
<!-- BEGIN bottom -->
<div id="footer">
<!-- BEGIN wrapper -->
<div class="wrapper">
<div align="center">
<img src="<?php bloginfo('template_url'); ?>/assets/images/partners.png" alt="PLEASE VISIT OUR PARTNERS"/></div>
<!-- BEGIN top -->
<div id="top">
<div id="partner-span">
<ul id="partner-logos">
<li style="margin-bottom: 8px;"><a class="myButtonLink"
href="http://billboardfamily.com/" target="_blank" title="Become A Partner"><img alt="Follow Us on Twitter" src="<?php bloginfo
('template_url'); ?>/assets/images/partners_large.png"/></a></li>
<li style="margin-bottom: 8px;"><a class="myButtonLink" href="http://billboardfamily.com/"
target="_blank" title="Become A Partner"><img alt="Become A Partner" src="<?php bloginfo('template_url'); ?
>/assets/images/partners_large.png"/></a></li>
<li style="margin-right: 0pt;"><a class="myButtonLink" href="http://billboardfamily.com/"
target="_blank" title="Become A Partner"><img alt="Become A Partner" src="<?php bloginfo('template_url'); ?
>/assets/images/partners_large.png"/></a></li>
<li><a class="myButtonLink" href="http://billboardfamily.com/" target="_blank"
title="Become A Partner"><img alt="Become A Partner" src="<?php bloginfo('template_url'); ?>/assets/images/partners_large.png"/></a></li>
<li><a class="myButtonLink" href="http://billboardfamily.com/" target="_blank"
title="Become A Partner"><img alt="Become A Partner" src="<?php bloginfo('template_url'); ?>/assets/images/partners_large.png"/></a></li>
<li><a class="myButtonLink" href="http://billboardfamily.com/" target="_blank"
title="Become A Partner"><img alt="Become A Partner" src="<?php bloginfo('template_url'); ?>/assets/images/partners_large.png"/></a></li>
<li style="margin-right: 0pt; margin-bottom: 8px;"><!--<a class="myButtonLink"
href="http://billboardfamily.com/" target="_blank" title="Become A Partner"><img alt="Become A Partner" src="<?php bloginfo
('template_url'); ?>/assets/images/partners_large.png"/></a>--></li>
</ul>
</div>
</div>
<!-- END top -->
</div>
<!-- END wrapper -->
<!-- BEGIN wrapper -->
<div class="wrapper">
<!-- BEGIN reviews -->
<div id="reviews">
<a class="prev" href="#"><img class="l" alt="featured title" src="<?php bloginfo('template_url'); ?
>/assets/images/left_small.png"/></a>
<div class="items">
<?php
global $post;
$myposts = get_posts('category=7');
foreach($myposts as $post) :
setup_postdata($post);
?>
<div class="feat">
<a class="featuredimg" href="<?php the_permalink(); ?>"><?php dp_attachment_image($post->ID, 'full',
'alt="' . $post->post_title . '"'); ?></a>
<div class="text">
<h2><a href="<?php the_permalink(); ?>"><a>Review By </a><?php the_title(); ?></a></h2>
<?php the_excerpt(); ?>
</div>
<div class="break"></div>
</div>
<?php endforeach; ?>
</div>
<a class="next" href="#"><img class="r" alt="featured title" src="<?php bloginfo('template_url'); ?
>/assets/images/right_small.png"/></a>
</div>
<!-- END reviews -->
</div>
<!-- END wrapper -->
<!-- BEGIN wrapper -->
<div class="wrapper">
<p id="info">© 2010 The Billboard Family<br />All Rights Reserved
<br /><br />
→ <a href="/?page_id=94">Submit A Review</a><br />
→ <a href="/?page_id=118">Terms & Conditions</a><br />
→ <a href="/?page_id=47">Partners</a><br />
→ <a href="/?page_id=31">Contact Us</a></p>
</div>
<!-- END wrapper -->
<!-- END bottom -->
</body>
</html>
style.css (look under BEGIN partners area)
* {
margin: 0; padding: 0;
}
body {
text-align: left;
font: 13px Verdana;
color: #566777;
background: #ffffff url(../images/headerbg.gif) repeat-x 0 0;
}
a {
text-decoration: none;
outline:0;
}
a:hover {
text-decoration: underline;
outline:0;
}
img {
border: 0;
}
.break {
font-size: 0;
width: 0; height: 0;
clear: both;
}
.alignleft {
float: left;
margin: 4px 10px 5px 0;
}
.alignright {
float: right;
margin: 4px 0 5px 10px;
}
.aligncenter {
text-align: center;
}
.hidden {
display: none;
}
/** BEGIN wrapper **/
.wrapper {
width: 1000px;
margin: auto auto;
text-align: left;
}
/** END wrapper **/
/** BEGIN header **/
#header {
height: 178px;
}
#header .search {
float: right;
margin-top: 11px;
}
#header .search form {
float: right;
background: url(../images/search.png) no-repeat 0 0;
height: 49px;
width: 255px;
}
#header .search form input {
float: right;
background-color: transparent;
border: 0;
font-size: 0.8em;
color: #FFFFFF;
height: 38px;
width: 195px;
margin-top: 5px;
text-transform: uppercase;
}
#header .search form button {
float: left;
width: 59px;
height: 49px;
background-color: transparent;
border: 0;
color: transparent;
text-indent: -9999px;
}
#header .subscribe {
position: relative;
top: 75px;
left: 765px;
float: left;
text-align: center;
color: #ffffff;
}
#header .purchase {
clear: both;
position: relative;
bottom: 21px;
left: 844px;
width: 20px;
}
#header .logo {
clear: both;
}
#header .logo h1 {
padding-bottom: 32px;
}
#header .logo h1 a {
position: relative;
bottom: 15px;
background: url(../images/logo.png) no-repeat 0 0;
display: block;
text-indent: -9999px;
height: 62px;
width: 352px;
}
#header ul {
list-style-type: none;
}
#header ul li {
float: left;
margin-right: 15px;
}
#header ul li a {
padding: 5px 8px;
color: #FFFFFF;
text-transform: uppercase;
text-decoration: none;
font-size: 0.9em;
font-weight: bold;
}
#header ul li a:hover {
background-color: #b9c3cf;
}
/** END header **/
/** BEGIN featured **/
#featured {
padding: 43px 53px 0 53px;
background: #b7c3cf;
}
#featured .l {
float: left;
margin-right: 22px;
margin-top: 75px;
}
#featured .items {
width: 650px; height: 240px;
overflow: hidden;
margin-right: 10px;
float: left;
}
#featured .feat {
width: 650px;
}
#featured .featuredimg {
display: block;
float: left;
border: 5px solid #ffffff;
margin-bottom: 45px;
margin-right: 25px;
width: 240px; height: 190px;
overflow: hidden;
}
#featured .feat img {
width: 240px;
}
#featured .feat .text {
float: right;
width: 375px;
padding-top: 5px;
}
#featured .feat .text h2 a {
text-decoration: none;
color: #566777;
font-size: 1.9em;
font-family: Arial;
padding-bottom: 10px;
}
#featured .feat .text p {
color: #5f6168;
font-size: 0.9em;
}
#featured .r {
float: right;
margin-top: 75px;
}
/** END featured **/
/** BEGIN top **/
#top {
clear: both;
padding: 20px 0;
}
/** END top **/
/** BEGIN body **/
#body {
clear: both;
margin: 15px 0;
}
/** END body **/
/** BEGIN content **/
#content {
width: 511px;
float: left;
}
#content .post {
margin-bottom: 22px;
margin-top: 37px;
clear: both;
}
#content .post h2 {
font-size: 1.8em;
text-transform: uppercase;
font-family: Arial;
font-weight: bold;
padding-bottom: 18px;
background: url(../images/border.gif) repeat-x 0 bottom;
}
#content .post h2 a {
color: #566777;
text-decoration: none;
}
#content .post img {
float: left;
padding: 5px;
background-color: #FFFFFF;
margin: 17px 11px 19px 4px;
}
#content .post p {
margin-top: 20px;
font-size: 0.9em;
line-height: 1.5em;
color: #566777;
}
#content .post .date {
color: #566777;
height: 20px;
padding-top: 5px;
clear: both;
}
#content .post .category a {
background: url(../images/category.gif) no-repeat 0 0;
color: #566777;
padding-left: 29px;
padding-right: 10px;
text-decoration: underline;
height: 16px;
}
#content .post .comments a {
background: url(../images/comments.gif) no-repeat 0 0;
color: #566777;
padding: 0 10px 5px 23px;
text-decoration: underline;
height: 20px;
}
#content .entry {
font-weight: bold;
color: #00a5b6;
text-decoration: none;
text-transform: uppercase;
background: url(../images/previous.gif) no-repeat 0 6px;
padding-left: 15px;
}
#content .last {
margin-bottom: 70px;
}
#content .postnav {
text-transform: uppercase;
font-weight: bold;
padding: 20px 0;
}
#content .postnav a {
text-decoration: none;
}
/** END content **/
/** BEGIN sidebar **/
#sidebar {
float: right;
width: 326px;
padding-bottom: 40px;
}
#sidebar .box2 h2 {
text-transform: uppercase;
color: #566777;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 11px;
margin-top: 32px;
background: url(../images/border.gif) repeat-x 0 bottom;
}
#sidebar .sub ul {
list-style-type: none;
}
#sidebar .sub ul li {
float: left;
margin-top: 11px;
margin-bottom: 17px;
margin-right: 6px;
margin-left: 10px;
}
#sidebar .ad {
clear: both;
}
#sidebar .ad img {
float: left;
margin-right: 10px;
}
#sidebar .ad p {
font-size: 0.8em;
color: #81848a;
margin: 5px 0 20px 0;
}
#sidebar .ad .time {
text-decoration: none;
font-size: 0.8em;
color: #00a5b6;
}
#sidebar .pop ul {
list-style-type: none;
}
#sidebar .pop ul li {
float: left;
width: 320px;
margin: 10px 0 10px 10px;
}
#sidebar .pop ul li img {
background-color: #FFFFFF;
padding: 5px;
margin-right: 11px;
float: left;
width: 50px; height: 50px;
}
#sidebar .pop ul li .title {
color: #5f6168;
font-weight: bold;
text-decoration: none;
}
#sidebar .pop ul li .artcom {
color: #3ab7c5;
text-decoration: none;
font-size: 0.8em;
}
#sidebar .pop ul li p {
margin-top: 15px;
margin-bottom: 5px;
}
#sidebar .flick img {
width: 80px; height: 80px;
margin: 5px;
}
#sidebar .flick h2 {
margin-bottom: 7px;
}
#sidebar .video {
margin: 15px 0;
}
#sidebar .cat {
width: 135px;
float: left;
margin-right: 20px;
}
#sidebar .cat ul {
list-style-type: none;
margin-left: 10px;
}
#sidebar .cat ul li {
padding-top: 18px;
}
#sidebar .cat ul li a {
color: #5f6168;
font-size: 0.9em;
text-decoration: none;
}
#sidebar .cat ul li a:hover {
color: #00a5b6;
}
/** END sidebar **/
/** BEGIN sidebar about us **/
#sidebaraboutus {
float: right;
width: 255px;
}
#sidebaraboutus .box {
height: 225px;
background: #000000;
text-align: left;
padding: 5px 10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(/border-radius.htc);
border-radius: 8px;
}
#sidebaraboutus .box h2 {
color: #00AFEF;
font-size: 1.0em;
font-family: Arial;
padding-bottom: 5px;
padding-top: 5px;
margin-top: 15px;
}
#sidebaraboutus .box p {
color: #999999;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 11px;
margin-top: 10px;
}
#sidebaraboutus .box2 {
height: 1137px;
margin-top: 10px;
background: #000000;
text-align: left;
padding: 5px 10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(/border-radius.htc);
border-radius: 8px;
}
#sidebaraboutus .box2 h2 {
color: #00AFEF;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 5px;
padding-top: 5px;
}
#sidebaraboutus .box2 p {
color: #999999;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 11px;
}
#sidebaraboutus .box2 h3 {
color: #00AFEF;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 5px;
padding-top: 20px;
}
/** END sidebar about us **/
/** BEGIN footer **/
#footer {
background: #000000 url(../images/footerbg.gif) repeat-x 0 0;
height: 340px;
clear: both;
padding: 15px 0;
}
#footer #reviews {
float: left;
border-right;
color: #999999;
}
#footer #info {
padding-left: 10px;
float: right;
color: #999999;
border-left: 1px solid #515151;
}
#info a {
text-decoration: none;
color: #00AFEF;
}
#info a:hover {
text-decoration: underline;
color: #00AFEF;
}
/** END footer **/
/** BEGIN reviews **/
#reviews {
background: #000000;
}
#reviews .l {
float: left;
margin-right: 22px;
margin-top: 40px;
}
#reviews .items {
width: 650px; height: 130px;
overflow: hidden;
margin-right: 10px;
float: left;
}
#reviews .feat {
width: 650px;
}
#reviews .featuredimg {
display: block;
float: left;
border: 1px solid #999999;
margin-bottom: 45px;
margin-right: 25px;
width: 150px; height: 120px;
overflow: hidden;
}
#reviews .feat img {
width: 150px;
}
#reviews .feat .text {
float: left;
width: 350px;
padding-top: 5px;
color: #FFFFFF;
}
#reviews .feat .text h2 a {
text-decoration: none;
color: #00AFEF;
font-size: 1.0em;
font-family: Arial;
padding-bottom: 10px;
}
#reviews .feat .text p {
color: #999999;
font-size: 0.9em;
}
#reviews .r {
float: right;
margin-top: 40px;
}
/** END featured **/
/** begin pages submenu **/
#header li ul {
clear: both;
position: absolute;
list-style-type: none;
display: none;
z-index: 200;
height: auto !important;
padding-top: 1px;
padding-left: 0 !important;
margin-left: -1px;
background-image: none !important;
border-width: 0 0 1px !important;
border-color: #ffffff;
border-style: solid;
}
#header li ul li {
clear: both;
margin: 0 !important;
background-image: none !important;
border-width: 1px 1px 0;
border-style: solid;
border-color: #ffffff;
padding: 0 !important;
}
#header li ul li a {
padding: 4px 15px !important;
line-height: 1.5em;
width: 170px;
background-color: #015A77;
}
#header li ul li a:hover {
background-color: #000033 !important;
background-image: none !important;
}
/** end pages submenu **/
/** BEGIN miscellaneous **/
#content .single {
padding: 20px;
margin-bottom: 50px;
}
#content .single p {
line-height: 1.5em;
margin-bottom: 10px;
}
#content .single ul, #content .single ol {
list-style-position: inside;
margin-bottom: 10px;
}
#content .single li {
line-height: 1.5em;
padding: 2px 0;
}
#content .single blockquote {
padding: 10px 10px 5px;
margin-bottom: 10px;
background-color: #eeeeee;
border-width: 1px 0;
border-style: solid;
border-color: #bbbbbb;
}
#content .single h3, #content .single h4, #content .single h5, #content .single h6 {
font-size: 1.2em;
margin-bottom: 5px;
}
#content .single h2 {
font-size: 2em;
}
#comments {
padding: 20px;
}
#comments a {
text-decoration: none;
}
#comments h2 {
font-size: 1.2em;
margin: 10px 0;
}
#comments p {
margin-bottom: 10px;
line-height: 1.6em;
}
#comments form {
}
#comments form p {
margin-bottom: 5px;
}
#comments form input {
margin-right: 5px;
}
#comments form input, textarea {
border: 1px solid #bbbbbb;
font-size: 0.9em;
font-family: Verdana;
padding: 4px;
background-position: 4px 4px;
background-repeat: no-repeat;
}
#comments form input {
width: 240px;
border: 1px solid #bbbbbb;
}
#comments form textarea {
width: 350px;
padding: 4px 4px !important;
border: 1px solid #bbbbbb;
}
#comments form button {
border: 1px solid #a0a0a0;
font-size: 1em;
font-family: Verdana;
padding: 2px 6px;
}
.commentdetails {
margin-top: 25px;
}
.commentauthor {
margin-bottom: 5px !important;
font-weight: bold;
}
.commentdate {
font-size: 0.8em;
margin-bottom: 5px;
color: #909090;
}
.required {
color: #ff0000;
}
h2.title {
font-size: 1em !important;
text-transform: uppercase;
color: #565656;
padding-top: 30px;
display: none;
}
.notfound {
padding: 40px;
}
.notfound h2 {
font-size: 18px;
font-weight: normal;
margin-bottom: 10px;
}
/** END miscellaneous **/
/** BEGIN wordpress 2.7 comments **/
#comments ol {
list-style-type: none;
clear: both;
padding: 0;
margin: 0;
}
#comments .buffer {
padding: 10px;
}
#comments ol li {
margin-bottom: 10px;
}
#comments ol li ul li {
border: 1px solid #eeeeee;
padding: 10px;
}
#comments ol li .avatar {
float: right;
}
#comments ol li .comment-author {
}
#comments ol li .comment-author .fn {
font-weight: bold;
font-size: 1.2em;
}
#comments ol li .comment-meta {
font-size: 0.9em;
color: #999999;
margin: 5px 0 10px;
}
#comments ol li .reply {
font-size: 0.9em;
font-weight: bold;
padding-bottom: 10px;
}
#comments .children {
list-style-type: none;
}
#comments .navigation {
padding: 0 0 40px;
font-size: 0.9em;
}
#comments .navigation a {
color: #999999;
padding: 3px 8px;
border: 1px solid #bbbbbb;
}
#comments .navigation a:hover {
color: #000000;
border-color: #000000;
text-decoration: none;
}
#comments .says {
display: none;
}
/** END wordpress 2.7 comments **/
/** BEGIN about us columns **/
#table {
width: 710px;
padding: 465px 10px 10px;
overflow: hidden; /*contain floats*/
background-color: #f2f2f2;
font-family: Arial;
background: #f2f2f2 url(../images/map.png) no-repeat 0 0;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(/border-radius.htc);
border-radius: 8px;
}
#table .block {
border-top:10px solid #fff;
margin:10px -10px 0;
padding:8px 10px;
}
.column {
font-size: 11px;
float:left;
width:345px;
background:transparent url(../images/largedots.png) repeat-x;
padding-top:4px;
padding-bottom:5px;
color: #000000;
}
.column p {
padding-right:18px;
}
.row {
background:transparent url(../images/smalldots.png) repeat-x 0 bottom;
float:left;
padding:3px 0;
}
.about {
margin-bottom:15px;
background:transparent url(../images/smalldots.png) repeat-x 0 top;
height:1%
}
.rowinfo {
float:left;
width:210px;
font-weight:bold;
}
.column h3 {
color:#00AFEF;
font-size: 14px;
margin-bottom:0;
padding:5px 0 6px;
}
.row-head {
float:left;
width:134px;
padding-left:1px;
}
.column a {
text-decoration: none;
outline:0;
color:#00AFEF;
}
.column a:hover {
text-decoration: underline;
outline:0;
color:#00AFEF;
}
/** END about us columns **/
/** BEGIN mailing list signup form **/
label {
float: left;
clear: left;
width: 200px;
padding: .2em;
font-family: Arial;
color: #999999 !important;
}
input#attribute3, input#email {
width: 230px;
padding: .2em;
float: left;
}
input#required {
}
/** END mailing list signup form **/
/** BEGIN contact us content **/
#contactus {
width: 710px;
color: #000000;
overflow: hidden; /*contain floats*/
background-color: #f2f2f2;
font-family: Arial;
background: #f2f2f2;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(/border-radius.htc);
border-radius: 8px;
}
/** END contact us content **/
/** BEGIN sidebar contact us **/
#sidebarcontactus {
float: right;
width: 255px;
}
#sidebarcontactus .box {
height: 225px;
background: #000000;
text-align: left;
padding: 5px 10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(/border-radius.htc);
border-radius: 8px;
}
#sidebarcontactus .box h2 {
color: #00AFEF;
font-size: 1.0em;
font-family: Arial;
padding-bottom: 5px;
padding-top: 5px;
margin-top: 15px;
}
#sidebarcontactus .box p {
color: #999999;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 11px;
margin-top: 10px;
}
#sidebarcontactus .box2 {
height: 527px;
margin-top: 10px;
background: #000000;
text-align: left;
padding: 5px 10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(/border-radius.htc);
border-radius: 8px;
}
#sidebarcontactus .box2 h2 {
color: #00AFEF;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 5px;
padding-top: 5px;
}
#sidebarcontactus .box2 p {
color: #999999;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 11px;
}
#sidebarcontactus .box2 h3 {
color: #00AFEF;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 5px;
padding-top: 20px;
}
/** END sidebar contact us **/
/** BEGIN submit review content **/
#submitreview {
width: 710px;
color: #000000;
overflow: hidden; /*contain floats*/
background-color: #f2f2f2;
font-family: Arial;
background: #f2f2f2;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(/border-radius.htc);
border-radius: 8px;
}
/** END submit review content **/
/** BEGIN sidebar submit review **/
#sidebarsubmitreview {
float: right;
width: 255px;
}
#sidebarsubmitreview .box {
height: 225px;
background: #000000;
text-align: left;
padding: 5px 10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(/border-radius.htc);
border-radius: 8px;
}
#sidebarsubmitreview .box h2 {
color: #00AFEF;
font-size: 1.0em;
font-family: Arial;
padding-bottom: 5px;
padding-top: 5px;
margin-top: 15px;
}
#sidebarsubmitreview .box p {
color: #999999;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 11px;
margin-top: 10px;
}
#sidebarsubmitreview .box2 {
height: 483px;
margin-top: 10px;
background: #000000;
text-align: left;
padding: 5px 10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(/border-radius.htc);
border-radius: 8px;
}
#sidebarsubmitreview .box2 h2 {
color: #00AFEF;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 5px;
padding-top: 5px;
}
#sidebarsubmitreview .box2 p {
color: #999999;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 11px;
}
#sidebarsubmitreview .box2 h3 {
color: #00AFEF;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 5px;
padding-top: 20px;
}
/** END sidebar submit review **/
/** BEGIN the process content **/
#theprocess {
width: 710px;
color: #000000;
overflow: hidden; /*contain floats*/
background-color: #f2f2f2;
font-family: Arial;
background: #f2f2f2;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(/border-radius.htc);
border-radius: 8px;
}
/** END the process content **/
/** BEGIN sidebar the process **/
#sidebartheprocess {
float: right;
width: 255px;
}
#sidebartheprocess .box {
height: 225px;
background: #000000;
text-align: left;
padding: 5px 10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(/border-radius.htc);
border-radius: 8px;
}
#sidebartheprocess .box h2 {
color: #00AFEF;
font-size: 1.0em;
font-family: Arial;
padding-bottom: 5px;
padding-top: 5px;
margin-top: 15px;
}
#sidebartheprocess .box p {
color: #999999;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 11px;
margin-top: 10px;
}
#sidebartheprocess .box2 {
height: 483px;
margin-top: 10px;
background: #000000;
text-align: left;
padding: 5px 10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(/border-radius.htc);
border-radius: 8px;
}
#sidebartheprocess .box2 h2 {
color: #00AFEF;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 5px;
padding-top: 5px;
}
#sidebartheprocess .box2 p {
color: #999999;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 11px;
}
#sidebartheprocess .box2 h3 {
color: #00AFEF;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 5px;
padding-top: 20px;
}
#sidebartheprocess a {
text-decoration: none;
color: #00AFEF;
}
#sidebartheprocess a:hover {
text-decoration: none;
color: #00AFEF;
}
/** END sidebar the process **/
/** BEGIN terms and conditions content **/
#terms {
width: 710px;
color: #000000;
overflow: hidden; /*contain floats*/
background-color: #f2f2f2;
font-family: Arial;
background: #f2f2f2;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(/border-radius.htc);
border-radius: 8px;
}
#terms a {
text-decoration: none;
color: #00AFEF;
}
#terms a:hover {
text-decoration: none;
color: #00AFEF;
}
/** END terms and conditions content **/
/** BEGIN sidebar terms and conditions **/
#sidebarterms {
float: right;
width: 255px;
}
#sidebarterms .box {
height: 225px;
background: #000000;
text-align: left;
padding: 5px 10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(/border-radius.htc);
border-radius: 8px;
}
#sidebarterms .box h2 {
color: #00AFEF;
font-size: 1.0em;
font-family: Arial;
padding-bottom: 5px;
padding-top: 5px;
margin-top: 15px;
}
#sidebarterms .box p {
color: #999999;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 11px;
margin-top: 10px;
}
#sidebarterms .box2 {
height: 365px;
margin-top: 10px;
background: #000000;
text-align: left;
padding: 5px 10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(/border-radius.htc);
border-radius: 8px;
}
#sidebarterms .box2 h2 {
color: #00AFEF;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 5px;
padding-top: 5px;
}
#sidebarterms .box2 p {
color: #999999;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 11px;
}
#sidebarterms .box2 h3 {
color: #00AFEF;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 5px;
padding-top: 20px;
}
#sidebarterms a {
text-decoration: none;
color: #00AFEF;
}
#sidebarterms a:hover {
text-decoration: none;
color: #00AFEF;
}
/** END sidebar terms and conditions **/
/** BEGIN partners content **/
#partners {
width: 730px;
color: #000000;
overflow: hidden; /*contain floats*/
font-family: Arial;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(/border-radius.htc);
border-radius: 8px;
}
#partners .box {
width: 339px;
height: 240px;
float: left;
background: #ffffff;
border: 10px solid #EEEEE7;
margin-bottom: 12px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(/border-radius.htc);
border-radius: 8px;
}
#partners .mr {
margin-right: 12px;
}
#partners .mr a {
color: #00AFEF;
text-decoration: none;
}
#partners .mr a:hover {
text-decoration: none;
color: #00AFEF;
}
#partners .box img {
float: left;
display: block;
margin: 5px;
border: 1px solid #999999;
}
#partners .box p {
width: 183px; margin: 8px; float: left; display: inline;
}
#partners .box a {
color: #00AFEF;
text-decoration: none;
}
#partners .box a:hover {
text-decoration: none;
color: #00AFEF;
}
#partners .clear {
clear: both;
}
#partners .link {
width: 128px;
height: 20px;
line-height: 20px;
margin: 5px 0 12px 5px;
float: left;
border: 1px solid #999999;
border-right: 0;
border-left: 0;
text-align: center;
}
#partners .link a {
color: #00AFEF;
text-decoration: none;
}
#partners .link a:hover {
text-decoration: none;
color: #00AFEF;
}
/** END partners content **/
/** BEGIN sidebar partners **/
#sidebarpartners {
float: right;
width: 255px;
}
#sidebarpartners .box {
height: 468px;
background: #000000;
text-align: left;
padding: 5px 10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(/border-radius.htc);
border-radius: 8px;
}
#sidebarpartners .box h2 {
color: #00AFEF;
font-size: 1.0em;
font-family: Arial;
padding-bottom: 5px;
padding-top: 5px;
margin-top: 15px;
}
#sidebarpartners .box p {
color: #999999;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 11px;
margin-top: 10px;
}
#sidebarpartners .box2 {
height: 575px;
margin-top: 10px;
background: #000000;
text-align: left;
padding: 5px 10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(/border-radius.htc);
border-radius: 8px;
}
#sidebarpartners .box2 h2 {
color: #00AFEF;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 5px;
padding-top: 5px;
}
#sidebarpartners .box2 p {
color: #999999;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 11px;
}
#sidebarpartners .box2 h3 {
color: #00AFEF;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 5px;
padding-top: 20px;
}
#sidebarpartners a {
text-decoration: none;
color: #00AFEF;
}
#sidebarpartners a:hover {
text-decoration: none;
color: #00AFEF;
}
/** END sidebar partners **/
/** BEGIN our reviews content **/
#ourreviews {
width: 710px;
color: #000000;
overflow: hidden; /*contain floats*/
background-color: #f2f2f2;
font-family: Arial;
background: #f2f2f2;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(/border-radius.htc);
border-radius: 8px;
}
#ourreviews a {
text-decoration: none;
color: #00AFEF;
}
#ourreviews a:hover {
text-decoration: none;
color: #00AFEF;
}
/** END our reviews content **/
/** BEGIN sidebar our reviews **/
#sidebarourreviews {
float: right;
width: 255px;
}
#sidebarourreviews .box {
height: 275px;
background: #000000;
text-align: left;
padding: 5px 10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(/border-radius.htc);
border-radius: 8px;
}
#sidebarourreviews .box h2 {
color: #00AFEF;
font-size: 1.0em;
font-family: Arial;
padding-bottom: 5px;
padding-top: 5px;
margin-top: 15px;
}
#sidebarourreviews .box p {
color: #999999;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 11px;
margin-top: 10px;
}
#sidebarourreviews .box2 {
height: 365px;
margin-top: 10px;
background: #000000;
text-align: left;
padding: 5px 10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(/border-radius.htc);
border-radius: 8px;
}
#sidebarourreviews .box2 h2 {
color: #00AFEF;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 5px;
padding-top: 5px;
}
#sidebarourreviews .box2 p {
color: #999999;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 11px;
}
#sidebarourreviews .box2 h3 {
color: #00AFEF;
font-size: 1.1em;
font-family: Arial;
padding-bottom: 5px;
padding-top: 20px;
}
#sidebarourreviews a {
text-decoration: none;
color: #00AFEF;
}
#sidebarourreviews a:hover {
text-decoration: none;
color: #00AFEF;
}
/** END sidebar our reviews **/
/** BEGIN partners area **/
#partner-span {
padding-bottom:25px;
float:left;
background:transparent;
}
ul#partner-logos {
padding:0 2px;
display:inline;
}
ul#partner-logos li {
float:left;
padding:0;
margin-right:8px;
height:100px;
}
ul#partner-logos li a {
display:block;
float:left;
}
.myButtonLink {
display: block;
width: 100px;
height: 100px;
background: url('../images/partners_large.png') bottom;
text-indent: -99999px;
}
.myButtonLink:hover {
background-position: 0 0;
}
/** END sidebar partners area **/
