@import url(i_do_core.css);
.renewal {

    background-color: #e8e8e8;
    border-top: 1px dashed #cccccc;
    border-bottom: 1px dashed #cccccc;
    margin:30px 30px 30px 30px;
    padding: 10px 10px 30px 10px;
}


 /*---------------*\
|* Sifr Start *|
\*---------------*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

 .sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
  	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h2 {
   visibility: hidden;
   font-size: 20px;
}

h2 {

font: normal 16px  tahoma,verdana,geneva,sans-serif;
  }

.sIFR-hasFlash h3 {
   visibility: hidden;
   font-size: 18px;
}

h3 {

font: normal 14px  tahoma,verdana,geneva,sans-serif;
  }




 /*---------------*\
|* Sifr Finish *|
\*---------------*/

.faq li{
 padding: 5px;
 list-style-image: url(/images/i-do-bullet.gif)
}

.sellingpoints li{
 padding: 10px;
 list-style-image: url(/images/i-do-tick.gif)
}

    body {
      margin: 0px;
      padding: 0px 0px;
      color: #595145;
      background: #ffffff;
      font: normal 11px  tahoma,verdana,geneva,sans-serif;
      text-align: center;
      letter-spacing: 0.6px;
      word-spacing: 1px;
    }


 .clearBoth {
	clear: both;
	}

/*---------------*\
|* Image Swap *|
\*---------------*/

#pic-swap {
float: right;
padding:0px 6px 20px 6px;
text-align: center;
margin-left: 0 0 0 15px;
}

#pic {
border: 1px solid #b4aca1;
padding:5px 5px;
 background:#ffffff;
}

#gallery1 {

  height: 60px;
  text-align: center;
}

#gallery1 img{
 padding:5px 5px;
 border: 1px solid #b4aca1;
 margin: 10px 3px 0 3px;
 background:#ffffff;
}


/*----------------------------*\
|* Logo size and image source *|
\*----------------------------*/



#logo {
  width: 343px;
  height: 74px;
  background-image: url(/images/i-do-directory.gif);
    }

/* If the height of your logo changes from the original, then you will probably
want to also change the vertical position of the login link */

#loginbar {
  float: right;
  text-align: center;
  margin-right: 25px;
}
#loginbar a {
  margin-top: 25px;
  padding: 10px 30px 10px 0px;
  color: #212126;
  font-weight: bold;
  display: block;
}
/* these colours are the same as defined by 'a', but we unset a:visited */
#loginbar a:hover {
  color: #6C6356;
}
#loginbar a.in {
  background: transparent url(images/login.gif) center right no-repeat;
}
#loginbar a.out {
  background: transparent url(images/logout.gif) center right no-repeat;
}

#loginbar-menu {
  float: left;
  text-align: center;
  margin-right: 25px;
}
#loginbar-menu a {
  margin-top: 25px;
  padding: 10px 30px 10px 0px;
  color: #212126;
  font-weight: bold;
  display: block;
}

#loginbar-menu a.in {
  background: transparent url(images/login.gif) center right no-repeat;
}
#loginbar-menu a.out {
  background: transparent url(images/logout.gif) center right no-repeat;
}


#leftsidebar {
display: block;
margin-left: 5px;
padding: 10px 0px 10px 10px;
width: 210px;
}

/*----
.admenu dt{
 background-repeat: no-repeat;
 background-position: left center;
 background-image: url(/images/arrow.gif);
padding: 0 0 0 0;
 }
--- */

div #leftsidebar .clear a {
  font: 8pt tahoma,verdana,geneva, sans-serif;
  color: #433E35;
  font-weight: normal;
  text-decoration: none;
  word-spacing: 3px;
  letter-spacing: 0.5px;
  }


div #leftsidebar .clear a:visited  {
    color: #6C6356;
    text-decoration: none;
    }

div #leftsidebar .clear a:hover  {
  text-decoration: underline;
  font-weight: normal;
  color: #6C6356;
}


#rightsidebar {
  margin-right: 0px;
  padding: 10px 10px 10px 0px;
  width: 0px;
  float: right;
  position: relative;
 display: none;
}

#contentheader .error, #contentheader .message {
  color: #ffffff;
  margin: 0px 0px 0px 250px;
  background: #AA9566;
}






/* links */
 a {
  color: #6C6356;
text-decoration: none;

}
 a:visited {
  color: #433E35;
text-decoration: none;
}
 a:hover {
  color: #6C6356;
 text-decoration: underline;

}

.review .reviewhelpful input {
  border: 1px solid #A59A8B;


}

.reviewsheader a {
 border: 1px solid #A59A8B;
 padding: 2px 3px;
 background: #ffffff;
 text-decoration: none;
 float: right;
 font: normal 9px  tahoma,verdana,geneva,sans-serif;
 margin-right: 5px;
margin-top: 0;
}


.visitheader a {
 border: 1px solid #A59A8B;
 margin-left: 300px;
 padding: 2px 3px;
 background: #6c6356;
 text-decoration: none;
 float: left;
 font: normal 9px  tahoma,verdana,geneva,sans-serif;
margin-top: 0;
color: #fff
}

.visitheader1 a {
 border: 1px solid #A59A8B;
 padding: 2px 3px;
 background: #6c6356;
 text-decoration: none;
 font: normal 9px  tahoma,verdana,geneva,sans-serif;
color: #fff
}


.reviewsheader a:hover {
 background: #E9E1D3;

}

.reviewfooter a {
  border: 1px solid #A59A8B;
  padding: 2px 3px;
  background: #ffffff;
  text-decoration: none;
  float: left;
  font: normal 9px  tahoma,verdana,geneva,sans-serif;
}

.reviewfooter a:hover {
 background: #E9E1D3;
}




.ftable th {
  background: #6C6356;
  text-align: left;
  color: #ffffff;
  font-style: normal;
}

.ftable {
  border-bottom: 3px solid #A59A8B;
}

.ftablecol {
  border-right: 1px solid #A59A8B;
}
/* sub headings */
#content h3 {
  margin: 25px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  border-bottom: 1px dotted #D3CDBD;
}

#search .searchoption {
  margin-top: 10px;
  padding-top: 5px;
  border-top: 1px dotted #D3CDBD;
}


/* Change width of document */
#wrapper {
  margin: 0px auto;
  width: 950px;
  text-align: left;
}



/* styling for categories section */

div #content .clear a {
  color: #433E35;
  font: normal 8pt tahoma;
  margin-right: 0px;
  padding: 0px;
  }

#leftsidebar dd, #leftsidebar dt{
 margin: 0px 0px 0px 0px;
 padding: 8px 0 8px 15px;

 border-bottom: 1.5px dotted #D3CDBD;
}



.linklisting .linkdescription, .review .reviewcontent {
  margin: 0px 0px 5px 0px;
  padding: 5px;
  border: 1px solid #A59A8B;
  background: #ffffff;

}

.address-content, .stats-content {
  margin: 0px 0px 5px 0px;
  padding: 10px;
  border: 1px solid #A59A8B;
  background: #ffffff;
}

 .description-content {
  margin: 0px 0px 5px 0px;
  padding: 5px;
/*  border: 1px solid #A59A8B;
  background: #ffffff;*/
  min-height: 300px;
}

 .description {
  margin: 0px 240px 5px 0px;
  padding: 5px ;
  border: 1px solid #A59A8B;
  background: #ffffff;
  min-height: 278px;
  min-width:auto;
  }

.linklisting p.linkrating {
  float:right;
  margin-top:-30px;
  height:24px;
  line-height:16px;
  text-align: right;
}


.linkrating-right {
  float:right;
  margin-top:-30px;
  height:24px;
  line-height:16px;
  text-align: right;
}

h3.linktitle {
  padding-bottom: 0px;
}






/*---------------*\
|* navigation    *|
\*---------------*/

ul.primarynav a {
  text-decoration: none;
}

ul.primarynav a:visited {
  text-decoration: none;
}
ul.primarynav a:hover {
  text-decoration: none;
}
ul.primarynav li.home {
  border-right: 1px solid #ffffff;
  background: #433E35;
}
ul.primarynav li.home a {
  margin-right: 0px;
}
ul.primarynav li.advertiser {
  float: right;
  background: none;
  border-right: 0px solid #ffffff;
}

ul.primarynav li.advertiser a{
  background: #A59C8C;
  margin-right: 0px;
 }
ul.primarynav li.advertiser a:hover {
  background: #433E35;
}


ul.secondarynav {
  width: 100%;
  background: #A59C8C;
}


/*---------------*\
|* contentheader *|
\*---------------*/
#contentheader {
  background: #F1EEE6;
}

/*---------------*\
|* contentfooter *|
\*---------------*/
#contentfooter {
  background: #F1EEE6;
}

/*---------*\
|* content *|
\*---------*/



/* listings */


h3 {
      color: #AB965D;
      font: normal 14px  Lucida Sans Unicode,tahoma,verdana,geneva,sans-serif;
      font-weight: normal;
      text-transform: uppercase;
      letter-spacing: 0.2ex;
      }


h4 {
      font: normal 12px  Lucida Sans Unicode,tahoma,verdana,geneva,sans-serif;
      font-weight: normal;
      line-height:25px;
      text-transform: uppercase;
      letter-spacing: 0.2ex;
    }

h4 a {
     text-decoration: underline;
    }

.linklisting h4 a {
    text-decoration: none;
    color: #6C6356;

    }

.linklisting h4 a:hover {
   color: #433E35;
    }

.linklisting h4 a:visited {
  color: #433E35;
  text-decoration: underline;
}


.linkdescription:first-letter, .description:first-letter {
      color: #433E35;
      font: normal 20px  Helvetica,verdana,geneva,sans-serif;
      font-weight: normal;
    }

.moreInfo  {

    border: 1px dotted #A59A8B;
    background: #EBE5D9;
margin: 10px 0 0 0;
}


.moreInfo a {
    color: #6C6356;
    text-decoration: none;
    padding: 0px 4px;
    }

.moreInfo a:hover {
background: #ffffff;

}


#contentwrapper {
  width: 700px;
  position: relative;
  clear: right;
}

.thumbnail {
  float:left;
  border: 1px solid #b4aca1;
  padding:3px;
  margin-right:10px;
  background: #ffffff;
  }

.detailcontact, .detailstats {
    font: 12px  Lucida Sans Unicode,Trebuchet MS,Tahoma,Arial,Helvetica,sans-serif;
    letter-spacing: 0.2ex;
    padding-left: 20px;
padding-bottom: 2px;
padding-bottom: 0;
text-transform: uppercase;
}

.detailcontact a  {
text-decoration: underline;
}

.detailcontact a:hover  {
text-decoration: none;
}


.detailcontact-left , .detailstats-left  {
   float: left;
   padding-left: 20px;
   margin-top: 0px;
}

.detailcontact-right , .detailstats-right   {
   float: right;
   padding-right: 100px;
   margin-top: 0px;
}

hr {
   border-bottom: 1px dotted #D3CDBD;
   height:0;
   border-style: none none dotted;
}

#content {
  margin: 0px 10px;
  padding: 10px;
 border: 10px solid #FFFFFF;
 background: url(/images/floral-background.gif) repeat-y top left;

}
/* hack for ie/win's guillotine bug */
/* start non ie/mac css \*/
* html #content {
  height: 1%;
}

#ocwrapper {
/* background colour of left sidebar */
  border-left: 0px solid #F1EEE6;

/* background colour of right sidebar */
  border-right: 0px solid #E9E7E3;
  background: #F1EEE6;
}

/* links */


.moreInfo {

  float: right;
 }

.linklisting p.linkactions a, #detailed p.actions a, #jump_frame .actions a {
  border: 1px solid #A59A8B;
  text-decoration: none;
 }

.linklisting p.linkactions a:hover,  #detailed p.actions a:hover, #jump_frame .actions a:hover {
  text-decoration: none;
background: #E9E1D3;
  }

.actions-admin a  {
  color: #ffffff;
  background: #AB965D;
  border: 1px solid #A59A8B;
  text-decoration: none;
  font-size: 9px;
  padding: 0px 4px;
  margin: 0px 0px 0px 20px;
 }

.actions-admin a:hover {
  color: #AB965D;
  background: #ffffff;
  text-decoration: none;
  }



#jump_frame .jumpwrapper {
  height: 80px;
  background: transparent url(images/swirls.gif) bottom right no-repeat;
}

#jump_frame img.jumplogo {
   padding: 2px 0px 0px 2px;
   float: left;
}

#jump_frame h4 {
  margin: 2px;
  padding: 6px 0px;
  line-height:12px;
}

#jump_frame h4 a{
  text-decoration: none;

}

#referral_frame .actions a {
  border: 1px solid #A59A8B;
  padding: 1px 4px;
  text-decoration: none;
  font-size: 9px;
  background: #ffffff;
  }

#referral_frame .actions {
   padding-top: 4px;
  }



#referral_frame .actions a:hover  {
  background: #E9E1D3;
  text-decoration: none;
  }


#referral_frame .referralwrapper {
  height: 95px;
  background: transparent url(images/referral.gif) top left no-repeat;
}

#referral_frame img.referrallogo {
   padding: 2px 0 5px 5px;
   float: left;
   clear: right;
}

.actions a {
  border: 1px solid #A59A8B;
  }

.action-left {
float: left;
list-style: none;
padding: 1px;
}

.action-right {
float: right;
list-style: none;
padding: 1px;
}

.linkactions a, .actions a {
  border: 1px solid #A59A8B;
  text-decoration: none;
  font-size: 9px;
  background: #ffffff;
  padding: 2px 3px;
  }




ul.linkactions a, ul.actions a {
  border: 1px solid #A59A8B;
  text-decoration: none;
  font-size: 9px;
  background: #ffffff;
  padding: 2px 3px;
  }



ul.linkactions a:hover, ul.actions a:hover {
  background: #E9E1D3;
  text-decoration: none;
 }

p.linknav a{
  padding: 1px 4px;
  border: 1px solid #A59A8B;
  text-decoration: none;
  font-size: 9px;
 background: #ffffff;
margin: 0 4px;
 }

p.linknav a:hover {
  background: #E9E1D3;
  text-decoration: none;
}

p.linknav {
    font-size: 9px;
 }






/* forms */
.row.required {
 background: transparent;
}

input, textarea {
  font: normal 12px verdana,tahoma,geneva,sans-serif;
 color: #433E35;
}

.shorttext {
border: 1px solid #57594b;
}

textarea#Description {
  height: 250px;
}

/* link/bookmark status icons */
.new-item , .updated-item, .popular-item, .unpaid-item, .expired-item, .free-item, .bookmark-public, .bookmark-default {
  background: #A59A8B;
  font-weight: normal;
  font-size: 7px;
  color: #ffffff;
  vertical-align: middle;
  border: 1px solid #FFFFFF;

}




.new-item span, .updated-item span, .popular-item span, .unpaid-item span, .expired-item span, .free-item span, .bookmark-public span, .bookmark-default span {
  padding: 0px 3px;
  background: none;
}

/*-----------*\
|*  header   *|
\*-----------*/
#header {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 15px;
  background: url(/images/header_bg.gif) center no-repeat;
}

/*-----------*\
|* searchbar *|
\*-----------*/
.searchbar {
  margin-bottom: 3px;
  padding: 5px 10px;
  border-bottom: 1px solid #57594b;
  background: #ffffff;
  color: #433E35;
  font-size: 11px;
}

select {
       color: #33332e;
       font: normal 12px tahoma, geneva, verdana, sans-serif;
 }

.searchbar a {
  font-size: 9px;
  color: #433E35;
}
.searchbar a:hover {
  color: #6C6356;
}

.searchhl-1 {
  background: #FFFFCE;
}


/*--------*\
|* footer *|
\*--------*/
#footer {
  margin-top: 0px;
  padding: 0 ;
  border-top: 1px solid #57594b;
  background: #6C6356;
}

#footer ul {
    padding: 0;
}

#footer p {
  margin: 0px;
  padding: 7px 20px 0 0;
  color: #ffffff;
  font-size: 10px;
  text-align: right;
}

.copyright {
  float: right;
}

/*----------------*\
|* Page specific *|
\*----------------*/
#content ul {
  margin: 1px 0px 0px 1px;
  padding: 0px;
  font-size: 11px;
  list-style: square;
list-style-position: inside;
}


/*----------------*\
|*      Polls     *|
\*----------------*/

#table1
{
font: normal 11px tahoma, geneva, verdana, sans-serif;
}


.highlightedside  {
background: white;
font-weight: bold;
}