/* ---------------------------------------------------
CVS: $ $
Title: global.css
Copyright: (c) 2009
Author: Phil Renaud - phil@rhinointernet.com
Company: Rhino Internet
Description: Global Styles for iSearchDecor
--------------------------------------------------- */

/* ---------------------------------------------------
=Reset
Takes browser-specific styling and resets it to a
common behavioural standard. Based heavily upon the
Yahoo! User Interface Library Reset:
http://developer.yahoo.com/yui/reset/
--------------------------------------------------- */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
   margin:0;
   padding:0;
   }

table {
   border-collapse:collapse;
   border-spacing:0;
   }

fieldset,img { 
   border:0;
   }

address,caption,cite,code,dfn,th,var,strong,em {
   font-style:normal;
   font-weight:normal;
   }

ol,ul {
   list-style:none;
   }

caption,th {
   text-align:left;
   }

h1,h2,h3,h4,h5,h6 {
   font-size: 100%;
   font-weight: normal;
   margin: 0px;
   padding: 0px;
   }

q:before,q:after {
   content:'"';
   }

cite:before {
content: '- ';
}

abbr,acronym {
   border:0;
   }

html {
   font-size: 100.01%; /* Corrects default font sizing in IE/WIN, and font resizing in Opera. */
   }

/* ---------------------------------------------------
=Universal
Styles applied to basic xhtml elements, classes and
IDs notwithstanding.
--------------------------------------------------- */

body {
   background: #19150e url(/images/bg.jpg) 50% 0 repeat-x;
   color: #fff;
   font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
   font-size: 100%;
   margin: 0 auto;
   }
   
strong {
   font-weight: bold
   }
   
em {
   font-style: italic;
   }
   
p {
   }   

a {
   text-decoration: none;
   color: #fff;
   }

a:focus {
   outline: none;
   }

a:hover {
   text-decoration: underline;
   }

h1 {
   float: left;
   }
h1 a {
   width: 230px;
   height: 80px;
   background: transparent url(/images/logo.png) top left no-repeat;
   display: block;
   text-indent: -9999px;
   }
h2 {
   }

h3 {
font-family: "Hoefler Text", "Times New Roman", Times, Georgia, serif !important;
padding: 5px 0;
margin-bottom: 10px;
border-bottom: 1px solid #605c57;
font-size: 20px;
opacity: 0.99;
line-height: 130%;
   }

h4 {
padding: 10px 0 5px 0;
border-bottom: 1px solid #666666;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
margin-bottom: 10px;
   }

.oops h4 {
    border-bottom:0;
    font-size: 25px;
    vertical-align: middle;
    display: table-cell;
    background: url('/images/oops.png') no-repeat;
    height: 120px;
    padding: 10px 0 0 140px;
    margin: 0 auto;
}

h5 {
margin-top: 25px;
font-family: "Hoefler Text", "Times New Roman", Times, Georgia, serif;
padding-bottom: 10px;
margin-bottom: 10px;
font-size: 20px;
opacity: 0.99;
line-height: 110%;
   }
   
h6 {
font-size: 11px;
text-transform: uppercase;
color: #fff;
font-weight: bold;
line-height: 18px;
   }
   
dl {
   }   
   
dl dt {
   }

dl dd {
   }
   
li {
   }

.clearfix:after,
.contentproper:after,
#content:after,
.imagemarquee:after,
#content .major div.section:after,
#content ul.sidebyside:after,
.legend ul li:after,
#footer:after,
#content ul.pagination:after,
.businesshome div.majorhead div.businesshead:after,
body#home #content:after,
ul.pricing li:after {
   content: ".";
   clear: both;
   display: block;
   height: 0;
   visibility: hidden;
   }

/* ---------------------------------------------------
=Typography
--------------------------------------------------- */

.homepageform h3.intro,
.majorhead .searchnav li a,
#content .minor p.flavourtext,
#content .minor div.flavourtext,
.imagecontainer,
p.salespitch strong,
.profiletips li,
.businesshome div.majorhead div.businesshead p,
cite {
font-family: "Hoefler Text", "Times New Roman", Times, Georgia, serif;
}

.majorhead .searchnav li a span {
font-family: "Times New Roman", Times, serif;
}

div.businesshead h3 span,
#content form textarea,
body.blog .majorhead h3 em,
#content div.importantnotice .section h5 {
   font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
   }

/* ---------------------------------------------------
=Containers
Macro-level sectional elements
--------------------------------------------------- */

#worldcontainer {
width: 960px;
margin: auto;
position: relative;
overflow: hidden;
}

#header {
height: 80px;
margin-bottom: 20px;
position: relative;
}

#footer {
clear: both;
border-top: 6px solid #654459;
margin-top: 25px;
padding-top: 10px;
font-size: 11px;
margin-bottom: 25px;
}

/* ---------------------------------------------------
=Homepage
Homepage-specific elements
--------------------------------------------------- */

div.leftperch, div.rightperch {
float: left;
width: 310px;
font-size: 13px;
line-height: 20px;
margin-top: 20px;
border-top: 1px solid #444;
padding-top: 10px;
color: #ddd;
}

div.leftperch {
clear: both;
margin-right: 20px;
width: 500px;
}

#homepagehero {
position: relative;
}

#homepagehero h2 {
width: 500px;
padding: 30px 400px 20px 60px;
height: 250px;
xtext-indent: -9999px;
background: transparent url(/images/homepagehero.jpg) top left no-repeat;
color: #ffffff;
font-family: "myriad-pro-1","myriad-pro-2",sans-serif !important;
font-size: 24px;
font-weight: 100;
font-style: italic;
}

#homepagehero h2 strong {
display: block;
font-size: 30px;
font-weight: 400;
font-style: italic;
padding-bottom: 10px;
}


body#home ul.imagemarquee {
margin-top: 10px;
margin-bottom: 20px;
height: auto;
}

body#home ul.imagemarquee {
margin-left: 0px;
}

ul.imagemarquee li {
float: left;
}

.homepageform {
position: relative;
clear: both;
left: 35px;
margin-top: -270px;
float: left;
background: transparent url(/images/homepageformbg.png) top left no-repeat;
width: 520px;
padding: 10px 10px 5px 35px;
overflow: hidden !important;
}

.homepageform h3.intro {
border: 1px solid #b2a2ac;
padding: 15px 10px 5px;
font-size: 28px;
font-variant: small-caps;
}

.homepageform .forminfo {
float: left;
width: 210px;
font-size: 11px;
padding: 10px 10px 0px 10px;
}

.homepageform .formproper {
float: left;
width: 250px;
}

.homepageform .formproper ul ul,
.homepageform .formproper ul select {
margin-top: 10px;
}

.homepageform .formproper ul ul ul {
margin-left: 25px;
margin-top: 10px;
margin-bottom: 10px;
display: none;
}

.homepageform .formproper #mainsection {
display: block;
}

.homepageform .formproper #peopleandservicessection {

}

.homepageform .formproper .section {
width: 250px;
background-color: #4b3243;
float: left;
padding-top: 10px;
padding-left: 20px !important;
padding-right: 20px !important;
font-size: 14px;
margin-bottom: 5px;
display: none;
overflow: hidden;
}

.homepageform .forminfo p {
margin-bottom: 10px;
color: #e4e4e4;
opacity: 0.99;
}

.homepageform .formproper p {
text-transform: uppercase;
font-size: 12px;
display: block;
height: 16px;
line-height: 16px;
}

.homepageform .formproper p.clickable {
cursor: pointer;
background: transparent url(/images/clickable.png) top right no-repeat;
}

.homepageform .formproper p.clickable:hover {
text-decoration: underline;
}

.homepageform .formproper li {
margin-bottom: 10px;
clear: both;
}

.homepageform .formproper li.buttonbox {
margin-top: 10px;
margin-bottom: 15px;
clear: both;
float: left;
}

.homepageform .formproper li.homebuttonbox {
margin-top: 10px;
margin-bottom: 0px;
clear: both;
float: left;
}
.homepageform .formproper select {
padding: 5px;
width: 240px;
background-color: #ebe2d1;
border: 0px solid #fff;
font-size: 12px;
}

.homepageform .formproper li li {
margin-bottom: 8px;
}

.homepageform .formproper label {
font-size: 12px;
cursor: pointer;
padding-left: 25px;
padding-top: 4px;
display: block;
}

li.catlabel{
font-size: 12px;
cursor: pointer;
padding-left: 0px;
padding-top: 0px;
display: block;
}

.homepageform input {
outline: none !important;
}

.homepageform input.submitbutton {
width: 250px;
height: 39px;
font-size: 0px;
line-height: 2000px;
background: transparent url(/images/button_getstarted.png) top left no-repeat;
border: 0px solid #000;
cursor: pointer;
}

.homepageform input#submitbutton1,
.homepageform input#submitbutton2 {
   float: left;
}

.homepageform input#submitbutton2 {
width: 115px;
background-image: url(/images/button_continueright.png);
}


.homepageform input.submitbutton.continue {
width: 115px;
background-image: url(/images/button_continueright.png);
}

body#home #content {
clear: both;
padding: 0px;
padding-top: 20px;
font-size: 14px;
padding-bottom: 20px;
width: auto;
margin-left: 0px;
background: transparent none;
color: #fff;
}

div.homepageform fieldset {
background: transparent url(/images/homepageformdivider.png) bottom left no-repeat;
overflow: hidden !important;
}

blockquote {
background: transparent url(/images/testimonialsbg1.png) top left no-repeat;
margin-top: 15px;
padding: 15px 0px 0px 50px;
opacity: 0.99;
font-style: italic;
color: #333;
font-size: 18px;
line-height: 20px !important;
}

blockquote.peopleandservices {
background: transparent url(/images/testimonialsbg2.png) top left no-repeat;
}

blockquote cite {
font-size: 17px;
padding: 10px 100px 5px 10px;
border: 1px solid #666666;
display: block;
float: left;
margin-top: 10px;
}


body#home blockquote {
background: transparent url(/images/testimonialbg.png) 0px 12px no-repeat;
padding: 30px 0px 0px 50px;
opacity: 0.99;
font-style: italic;
color: #fff;
width: 260px;
border-top: 1px solid #444;
}


body#home blockquote p {
margin-top: 0;
}

body#home blockquote cite {
font-size: 17px;
padding: 10px 100px 5px 10px;
border: 1px solid #5f5c57;
display: block;
float: left;
margin-top: 10px;
}

div.homepagemajor {
width: 500px;
float: left;
padding: 0px 100px 0px 50px;
}

div.homepageminor {
width: 310px;
float: left;
top: 560px;
position: absolute;
right: 0px;
}

div.homepageminor p {
font-size: 13px;
line-height: 130%;
opacity: 0.99;
}


div.homepageminor a {
display: block;
text-indent: -9999px;
background: transparent url(/images/button_learnmore.png) top left no-repeat;
height: 33px;
width: 100px;
margin-top: 15px;
}

/* ---------------------------------------------------
=Header
--------------------------------------------------- */

#header ul.navigation {
float: left;
font-size: 12px;
margin-left: 60px;
}

#header ul.navigation li {
float: left;
}

#header ul.navigation li a {
padding: 65px 15px 0px 15px;
display: block;
position: relative;
z-index: 101;
}

/*START Sub Nav */
#header ul.navigation li ul  { 
   display: none; 
}

#header ul.navigation li:hover ul { 
   display: block; 
}

#header ul.navigation li { 
   position: relative; 
}

#header ul.navigation li ul { 
   position: absolute; 
   top: 55px; 
   left: 10px; 
   background-color: #654459;
   z-index: 100;
   padding: 35px 0 10px 5px;
   width: 100%;
   
} 

#header ul.navigation li ul li { 
   clear: both;
   width: 100%;
}

#header ul.navigation li ul li a{ 
   padding: 5px 5px 5px 5px;
   display: block;
}

/*END Sub Nav */

ul.businessnav {
position: absolute;
top: 0px;
right: 0px;
border: 1px solid #9b968f;
border-top: 0px solid #9b968f;
z-index: 105;
}

ul.businessnav li a {
display: block;
padding: 8px 15px;
font-size: 12px;
z-index: 106;
}

ul.businessnav li {
float: left;
}


/* ---------------------------------------------------
=Footer
--------------------------------------------------- */



.truste {
float: left;
}

.localfirst {
float: left;
padding-left: 10px;
}


div.footernav {
float: left;
}

.buttons {
clear: both;
margin-top: 10px;
float: left;
margin-left: 10px;
width: 400px;
}

div.footernav ul li {
float: left;
}

div.footernav ul li a {
padding: 0px 10px;
display: block;
}

div.footernav p {
clear: both;
color: #777;
padding-left: 10px;
}

div.followus {
float: right;
}


/* ---------------------------------------------------
=Checkbox Replacement
--------------------------------------------------- */

.jquery-checkbox       {display: block; font-size: 20px; line-height: 20px; cursor: pointer; cursor: hand; float: left;}
.jquery-checkbox .mark {display: inline;}

.jquery-checkbox img {vertical-align: middle; width: 19px; height: 19px;}
.jquery-checkbox img{background: transparent url(/images/checkbox.png) no-repeat;}
.radiolist .jquery-checkbox img {background-image: url(/images/radio.png);}

.jquery-checkbox img{
   background-position: 0px 0px;
}
.jquery-checkbox-hover img{
   background-position: 0px -19px;
}
.jquery-checkbox-checked img{
   background-position: 0px -38px;
}
.jquery-checkbox-checked .jquery-checkbox-hover img {
   background-position: 0px -57px;
}

.jquery-checkbox-disabled img{
   background-position: 0px -76px;
}
.jquery-checkbox-checked .jquery-checkbox-disabled img{
   background-position: 0px -95px;
}

a.fancytrigger {
text-decoration: none !important;
margin-top: 5px;
}

a.fancytrigger em {
padding-left: 23px;
height: 19px;
line-height: 20px;
display: block;
float: left;
background: transparent url(/images/checkbox.png) no-repeat;
margin-top: 10px;
}

a.fancytrigger.on em {
background-position: 0px -38px;
}

a.fancytrigger span {
display: block;
float: left;
width: 610px;
line-height: 130%;
margin-bottom: 10px;
margin-top: 10px;
}


.split a.fancytrigger span {
width: 280px;
}


/* ---------------------------------------------------
=Interior Page Structure
--------------------------------------------------- */

ul.imagemarquee {
margin-left: 60px;
height: 100px;
overflow: hidden;
margin-bottom: 0px;
}

#content {
width: 880px;
background-color: #aaa;
margin-left: 60px;
padding: 10px;
background: #ebe2d1 url(/images/interiorcontentbg.png) top left no-repeat;
color: #575249;
}

body.blog #content {
background-position: 0px -50px;
}

body.blog div.entry img.alignright {
float: right;
margin-left: 20px;
}
body.blog div.entry img.alignleft {
float: left;
margin-right: 20px;
}

#content.headless {
background-position: 0px -50px !important;
}

#content.business {
background-position: 0px 45px;
}

#content a {
color: #654459;
}

#content p {
margin: 5px 0px 15px 0px;
}

#content ol {
margin: 15px 0px;
}

#content .minor li p {
margin: 15px 0px;
}

#content .minor {
float: left;
width: 170px;
margin-right: 10px;
}

#content .major {
float: left;
width: 700px;
}

#content .minor img {
margin: 0px 10px;
}

a.startnow {
   width: 177px !important; height: 40px !important;
   background: transparent url(/images/button_getstartednow.png) top left no-repeat !important;
   text-indent: -9999px;
   display: block;
   }
   
.businesshome .formfooter {
margin-top: 50px;
}

.formfooter a.startnow {
float: right;
}

#content .minor p.flavourtext,
#content .minor div.flavourtext {
padding: 10px 20px;
font-size: 16px;
}

#content .contentproper {
padding: 10px 40px 40px 20px;
font-size: 12px;
height: 1%;
}

p.salespitch strong {
font-size: 18px;
display: block;
font-weight: normal;
margin-top: 10px;
}

#content .major div.section.importantnotice {
padding: 0px 0px 10px 0px;
border: 1px solid #666666;
width: 638px;
background-color: #ebe2d1;
}

#content .major div.section.importantnotice.form_error {
padding: 0px 0px 10px 0px;
border: 1px solid #900;
width: 638px;
background-color: #ffb;
}

#content .major div.section.importantnotice.form_error h4 {
background-color: #900;
}

#content .major div.section.importantnotice.form_error ul li {
list-style-type: disc;
color: #900;
margin-left: 30px;
}

#content .major div.section.importantnotice .formfooter {
margin-bottom: 0px;
margin-top: 15px;
}

#content div.importantnotice h4 {
color: #fff;
text-transform: uppercase;
font-size: 11px;
background-color: #666666;
padding: 2px 15px;
font-weight: normal;
margin-bottom: 0px;
}

#content div.importantnotice .section h5 {
margin-top: 5px;
padding-bottom: 0px;
margin-bottom: 0px;
font-size: 16px;
letter-spacing: -0.03em;
   }

#content div.importantnotice .section p {
margin-top: 5px;
}

#content .major div.importantnotice .section {
padding: 10px;
width: 618px;
margin-bottom: 0px;
}

#content .major div.importantnotice .section a {
color: #fff;
font-size: 12px;
text-align: right;
display: block;
padding: 5px 10px 5px 5px;
background-color: #654459;
}

#content .major div.importantnotice .section input.submitbutton {
color: #fff;
font-size: 12px;
text-align: right;
display: block;
padding: 5px 10px 5px 5px;
background-color: #654459;
border: 0px;
width: 100%;
cursor: pointer;
}

#content .major .contentproper a {
   font-weight: bold;
   }

#content .major .contentproper ol li {
list-style-type: decimal;
list-style-position: outside;
margin-left: 20px;
margin-bottom: 5px;
}

#content .major .contentproper ul li {
list-style-type: disc;
list-style-position: outside;
margin-left: 20px;
margin-bottom: 5px;
}

#content .major .contentproper form ol li {
list-style-type: none;
list-style-position: outside;
margin-left: 0px;
margin-bottom: 0px;
}

#content .major .contentproper form ul li {
list-style-type: none;
list-style-position: outside;
margin-left: 0px;
margin-bottom: 0px;
}


/* =Majorheader/Searchnav */

#content.business div.majorhead {
height: 105px;
}

#content.business.businesshome div.majorhead {
height: auto;
}

div.majorhead {
height: 50px;
overflow: hidden;
}

div.majorhead ul.searchnav li {
float: left;
}

div.majorhead ul.searchnav li a {
display: block;
border: 1px solid #a8a49b;
font-size: 14px;
padding: 20px 25px 5px 10px;
margin: 0px 5px;
color: #666666;
}

div.majorhead ul.searchnav li a:hover {
text-decoration: none;
}

div.majorhead ul.searchnav li.active a {
border: 0px solid #000 !important;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
-webkit-border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
background-color: #e5ce9f;
padding-bottom: 15px;
font-size: 20px;
padding-top: 15px;
padding-left: 15px;
color: #444;
}

div.majorhead div.businesshead {
width: 680px;
height: 65px;
padding: 10px;
background: transparent url(/images/businesshead.jpg) top left no-repeat;
}

.businesshome div.majorhead div.businesshead {
height: auto;
}

#content.businesshome div.majorhead div.businesshead p {
font-size: 20px;
margin-bottom: 5px;
}

.businesshome div.majorhead div.businesshead ul li {
list-style-type: disc;
margin-left: 15px;
color: #ebe2d1;
font-size: 11px;
}

.businesshome div.majorhead div.businesshead .subscriptionstatus ul li {
list-style-type: none;
margin-left: 3px; margin-top: 1px;
font-weight: bold;
}

.businesshome div.majorhead div.businesshead .subscriptionstatus {
height: auto;
}

.businesshome div.majorhead div.businesshead .subscriptionstatus a {
margin-top: 12px;
}

.businesshome .contentproper {
padding-top: 30px !important;
}


div.businesshead h3 {
border: 1px solid #fff;
color: #ddd;
padding: 20px 10px 15px 10px;
height: 30px;
width: 450px;
margin-right: 8px;
float: left;
}

div.businesshead div.promo {
border: 1px solid #fff;
color: #ddd;
padding: 10px;
width: 450px;
margin-right: 8px;
float: left;
}

div.subscriptionstatus {
float: left;
background-color: #654459;
padding: 5px 10px;
width: 180px;
height: 57px;
overflow: hidden;
color: #fff;
}

div.subscriptionstatus a.editbutton {
background-image: url(/images/editbutton2.png);
margin-left: 0px;
}

div.subscriptionstatus h6 {
border-bottom: 1px solid #947c8b;
padding-bottom: 3px;
white-space: nowrap;
font-size: 10px;
}

#content div.subscriptionstatus p {
font-size: 11px;
margin: 5px 0px;
}

div.businesshead h3 span {
display: block;
color: #aaa;
font-size: 10px;
line-height: 6px;
}


div.googlemap {
float: right;
padding: 10px;
background-color: #fff;
margin-left: 10px;
margin-bottom: 10px;
}

.legend {
width: 150px;
float: right;
font-size: 11px;
}

.summary {
width: 150px;
float: right;
font-size: 11px;
margin-bottom: 20px;
}

.summary p.empty {
font-style: italic;
padding: 5px 0;
}

.profiletips {
width: 150px;
float: right;
font-size: 11px;
}

.profiletips p a,
.minortext a {
font-weight: bold !important;
}

.minortext {
width: 150px;
float: right;
font-size: 11px;
}

.legend h4 {
text-transform: uppercase;
padding-left: 0px;
margin-bottom: 0px;
font-size: 12px;
}

.summary h4, .profiletips h4 {
text-transform: uppercase;
padding-left: 0px;
margin-bottom: 0px;
border-bottom: 3px solid #666666;
font-size: 12px;
}

.contentproper h6 {
color: #333;
padding-bottom: 5px; margin-bottom: 10px;
border-bottom: 1px solid #666;
}

.contentproper h6 span {
font-weight: normal; font-style: italic;
font-size: 11px; text-transform: none;
}

.legend h6 {
color: #333;
font-weight: bold;
border-bottom: 1px solid #666666;
text-transform: none;
padding: 3px 0px;
border-top: 3px solid #666666;
}

.summary h6 {
color: #333;
font-weight: bold;
text-transform: none;
padding: 3px 0px;
margin-bottom: 0px;
}

.summary li {
border-bottom: 1px solid #666666;
}

.profiletips li {
font-size: 16px;
border-bottom: 1px solid #666666;
}

.summary li p {
margin: 0px 0px 5px 0px !important;
}

li.summaryoptions {
border-bottom: 0px;
margin-top: 10px;
}

.summaryoptions a {
display: block;
color: #fff !important;
background-color: #654459;
margin: 5px 0px;
padding: 5px;
text-align: right;
font-size: 12px;
}

.legend ul {
margin: 10px 0px;
}

.legend ul li {
margin-bottom: 10px;
}

.legend ul li img {
float: left;
display: block;
margin: 0px 5px 0px 0px !important;
}
.legend ul li span {
float: left;
display: block;
width: 120px;
font-weight: bold;
overflow: hidden;
}
.legend ul li span em {
display: block;
font-weight: normal;
}

/* =Pricing */

#content .major .contentproper ul.pricing {
   margin-bottom: 0;
   }

#content .major .contentproper ul.pricing li {
   xborder-top: 1px solid #ccc;
   padding: 3px 0 0 0;
   }
   
#content .major .contentproper ul.pricing li ul {
   padding: 3px 0 0 0;
}

#content .major .contentproper ul.pricing li li {
   padding: 0;
   }

#content .major .contentproper ul.pricing li span {
   font-weight: bold;
   float: right;
   }
   
#content .major .contentproper ul.pricing ul {
   clear: both;
   }
   
/* =Subscriptions */

#invalid_code {
   font-style: italic;
   }

/* ---------------------------------------------------
=Remote Control
(purple offset navigation box, topleftish)
--------------------------------------------------- */

div.remotecontrol {
padding: 10px;
background-color: #654459;
width: 220px;
position: relative;
top: -70px;
left: -70px;
font-size: 11px;
margin-bottom: -50px;
}

div.remotecontrol h3 {
border: 1px solid #b2a2ac;
padding: 15px 10px 5px;
font-size: 20px;
color: #fff;
line-height: 115%;
}

div.remotecontrol h3 a {
color: #fff !important;
}

div.remotecontrolcontent {
background-color: #4b3243;
padding: 10px;
color: #fff;
width: 200px;
overflow: hidden;
}

div.remotecontrol .section {
border-bottom: 1px solid #6f5b69;
margin-bottom: 10px;
}

div.remotecontrol .section ul {
margin: 5px 0px 5px;
}

div.remotecontrol .section ul li {
list-style-type: disc;
list-style-position: outside;
margin: 3px 0px 3px 15px;
clear: both;
}

a.editbutton {
float: right;
display: block;
height: 18px;
width: 38px;
background: transparent url(/images/editbutton.png) top left no-repeat;
text-indent: -9999px;
margin-left: 5px;
}

ul.basiclist li {
list-style-type: disc;
margin-left: 15px;
}

ul.accountnav,
ul.subnav {
width: 220px;
position: relative;
left: -10px;
}

ul.accountnav li a,
ul.subnav li a {
display: block;
color: #fff !important;
padding: 5px 10px;
font-size: 12px;
opacity: 0.99;
}

ul.accountnav li a:hover,
ul.accountnav li.active a,
ul.subnav li a:hover,
ul.subnav li.active a {
background-color: #654459;
text-decoration: none;
}

ul.accountnav li.active li a,
ul.subnav li.active li a {
background-color: transparent;
}

ul.accountnav li.active li a:hover,
ul.subnav li.active li a:hover {
background-color: #654459;
}

ul.accountnav li li,
ul.subnav li li {
margin-left: 10px;
}

ul#reportssubnav {
display: none;
}

body#reports ul#reportssubnav,
body.reports ul#reportssubnav {
display: block;
}

/* ---------------------------------------------------
=Splits/Floats
Major Content Sections, and how they flow.
--------------------------------------------------- */


#content .major .split.twosplit {
width: 310px;
}

#content .major div.section {
width: 640px;
clear: both;
margin-bottom: 20px;
}

#content .major .split {
float: left;
}

#content .major .section.split.right {
clear: none !important;
}

#content .major div.split.twosplit {
width: 310px;
}

#content .major div.split.twosplit.left {
margin-right: 10px;
}

#content .major div.split.twosplit.right {
margin-left: 10px;
}




/* ---------------------------------------------------
=Interior Page Form Elements
--------------------------------------------------- */

#content form ul li {
clear: both;
line-height: 23px;
}

#content form ul li label {
font-size: 12px;
cursor: pointer;
padding-left: 0px;
padding-top: 2px;
display: block;
}

#content form ul li.lotsoftext {
margin-top: 10px;
}

#content form ul li.lotsoftext label {
font-size: 11px;
line-height: 16px;
}

#content form ul li label em {
line-height: 15px;
display:block;
}

#content form ul li label em.oneline {
display: inline !important;
}

#content form ul ul {
margin-left: 25px;
margin-top: 0px;
margin-bottom: 0px;
display: none;
}

#content form ul ul.unhidden {
display: block;
}

#content form textarea {
width: 280px;
margin: 0px 0px 10px 0px;
height: 80px;
padding: 3px;
font-size: 11px;
border: 1px inset #aaa;
}

#content ul.sidebyside {
margin-bottom: 10px;
}

#content ul.sidebyside li {
float: left;
margin: 0px 5px;
clear: none;
width: auto;
}

div.imagecontainer {
background-color: #fff;
width: 290px;
padding: 10px;
margin-bottom: 15px;
position: relative;
}

div.imagecontainer img {
margin-bottom: 0;
}

div.imagecontainer.thumbnail {
float: left;
padding: 0px;
width: auto;
background-color: transparent;
}
div.imagecontainer.thumbnail img {
border: 3px solid #fff;
}

div.clearme {
clear: both;
}

#content div.imagecontainer p {
padding: 8px 10px 5px;
border: 1px solid #ccc;
margin-top: 10px;
margin-bottom: 0px;
font-size: 15px;
}

input.textbox {
border: 1px inset #aaa;
background-color: #fff;
width: 280px;
padding: 3px;
margin-bottom: 5px;
}

td input.textbox {
border: 1px inset #aaa;
background-color: #fff;
width: 150px;
padding: 3px;
margin-bottom: 0px;
}

#content select {
width: 285px;
background-color: #fff;
}

#content select {
border: 1px inset #aaa;
background-color: #fff;
padding: 3px;
margin-bottom: 5px;
}

#content table select {
width: auto;
background-color: #fff;
}

#content select:focus,
#content input.textbox:focus {
border: 1px outset #aaa;
background-color: #fff;
}

#content li.shortinputs select {
width: 143px;
background-color: #fff;
}

/* =Formfooter */

div.formfooter {
height: 40px;
background-color: #654459;
padding: 10px;
clear: both;
}

div.formfooter a {
display: block;
float: left;
height: 39px;
width: 88px;
background: transparent url(/images/button_backleft.png) top left no-repeat;
text-indent: -9999px;
}

div.formfooter a.addanewlocation {
   width: 197px; height: 39px;
   background: transparent url(/images/button_addanewlocation.png) top left no-repeat;
   float: right;
   }

div.formfooter a.editthiscreditcard {
   width: 190px;
   background: transparent url(/images/button_editthiscreditcard.png) top left no-repeat;
   text-indent: -9999px !important;
   text-align: left !important;
   float: right;
   }

div.formfooter a.backlink {
background: transparent url(/images/button_backleft.png) top left no-repeat;
}

div.formfooter a.addanewpaymentmethod {
background: transparent url(/images/button_addanewpaymentmethod.png) top left no-repeat;
width: 261px;
}

div.formfooter a.startanewmatch {
background: transparent url(/images/button_startanewmatch.png) top left no-repeat;
width: 190px;
float: right;
margin-left: 10px;
}
div.formfooter a.printresults {
background: transparent url(/images/button_printresults.png) top left no-repeat;
float: right;
width: 133px;
}
div.formfooter a.viewrecentleadsreport {
background: transparent url(/images/button_viewrecentleadsreport.png) top left no-repeat;
float: right;
width: 193px;
}
div.formfooter a.manageleadstatus {
background: transparent url(/images/button_manageleadstatus.png) top left no-repeat;
float: right;
width: 160px;
}
div.formfooter a.viewleadsbyspecialtyreport {
background: transparent url(/images/button_viewleadsbyspecialtyreport.png) top left no-repeat;
float: right;
width: 226px;
}
div.formfooter a.save {
background: transparent url(/images/button_save.png) top left no-repeat;
width: 75px;
float: right;
margin-left: 10px;
}
div.formfooter p.disclaimer {
font-style: italic;
float: right;
color: #fff;
text-align: right;
margin: 5px 0px !important;
}
div.formfooter p.disclaimer.shortened {
width: 300px;
padding-right: 15px;
}


div.formfooter input.submitbutton {
display: block;
float: right;
height: 39px;
width: 88px;
background: transparent url(/images/button_nextright.png) top left no-repeat;
text-indent: -9999px;
border: 0px solid #000;
cursor: pointer;
line-height: 200px;
}


div.formfooter input.submitbutton#submit {
width: 90px;
background-image: url(/images/button_submit.png);
}

div.formfooter input.submitbutton#addpaymentmethod {
width: 200px;
background-image: url(/images/button_addpaymentmethod.png);
}

div.formfooter input.submitbutton#purchaseextracredits {
width: 203px;
background-image: url(/images/button_purchaseextracredits.png);
}

div.formfooter input.submitbutton#activateyouraccount {
width: 111px;
background-image: url(/images/button_activate.png);
}

div.formfooter input.submitbutton#save {
background: transparent url(/images/button_save.png) top left no-repeat;
width: 75px;
float: right;
margin-left: 15px;
}


div.formfooter input.submitbutton#setasdefault {
width: 140px !important;
background-image: url(/images/button_setasdefault.png);
text-indent: -9999px !important;
text-align: left !important;
}

div.formfooter label {
float: right;
margin-right: 10px;
color: #fff;
font-size: 14px;
font-style: italic;
line-height: 40px;
}

div.formfooter input.submitbutton#proceedtostep4 {
background-image: url(/images/button_getyourmatchesright2.png);
width: 185px;
}

div.formfooter input.submitbutton#exportleadsreport {
background-image: url(/images/button_exportleadsreport.png);
width: 196px;
}


#content a.editlocationinformation {
text-align: right;
display: block;
background-color: #654459;
color: #fff;
padding: 5px 15px;
font-style: italic;
margin-bottom: 30px;
position: relative;
}

#content ul.pagination {
display: block;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
}

#content ul.pagination li {
float: left !important;
clear: none !important;
font-weight: bold;
}

#content ul.pagination li a {
display: block;
padding: 5px;
}
#content ul.pagination li strong {
display: block;
padding: 5px;
background-color: #fff;
}


/* =Innerpage Table */

#content table {
width: 100%;
}

#content table th, td {
padding: 10px;
border-bottom: 1px solid #c3bdb0;
vertical-align: top;
font-size: 11px;
}

#content table th {
font-weight: bold;
border-bottom: 3px solid #666666;
vertical-align: bottom;
}

#content table tfoot td {
font-weight: bold;
border-bottom: 0px solid #fff;
border-top: 3px solid #666666;
vertical-align: bottom;
}

#content table td.thumbnail {
background: transparent url(/images/default_image.gif) 10px 10px no-repeat;
width: 94px; height: 94px;

}

#content table td.thumbnail img {
border: 3px solid #fff;
display: none;
}

#content table td img {
display: block;
}

#content table td a {
width: 70px;
display: block;
float: left;
}

#content table td p {
margin: 0px;
width: 100px;
}

#content table td select {
display: block;
}

img.pin {
display: block;
text-align: center;
height: 26px;
padding-bottom: 24px;
width: 20px;
color: #fff;
font-size: 10px;
padding-top: 3px;
float: left;
margin-right: 5px;
}

#content table td ol {
margin: 0px;
}

span.discount {
font-weight: normal;
}

/* =Widetable */

div.widetable {
width: 640px;
overflow-x: auto;
}

div.widetable table th,
div.widetable table td {
padding: 5px;
}

div.widetable table .fixme {
font-weight: bold;
border-right: 1px dotted #666;
border-left: 1px dotted #666;
}

/* ---------------------------------------------------
=Blog
Wordpress-specific elements
--------------------------------------------------- */

body.blog .majorhead {
margin-top: 15px;
padding-right: 40px;
padding-left: 20px;
}

body.blog .majorhead h4 em {
font-size: 11px;
text-transform: uppercase;
float: right;
font-style: normal;
font-weight: bold !important;
}


body.blog form#searchform label {
padding: 10px 5px 5px;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
display: block;
text-transform: uppercase;
padding-left: 0px;
font-size: 12px;
}

body.blog form#searchform input#s {
padding: 3px;
border: 1px inset #aaa;
width: 142px;
}

body.blog form#searchform input#searchsubmit {
width: 100%;
height: 25px;
line-height: 25px;
padding-right: 10px;
border: 0px solid #000;
cursor: pointer;
float: right;
margin-top: 5px;
color: #fff;
background-color: #654459;
text-align: right;
}


body.blog #content div.entry ul li {
margin-left: 15px;
list-style-type: disc;
margin-top: 5px;
}

body.blog #content div.entry ul {
margin-bottom: 15px;
}

#commentform input#submit {
color: #fff;
font-size: 12px;
text-align: right;
display: block;
padding: 5px 10px 5px 5px;
background-color: #654459;
border: 0px;
width: 100%;
cursor: pointer;
}

#commentform textarea#comment {
width: 630px;
}

div#respond {
display: none !important;
}











div#system_message {
   opacity: 0.8;
   position: absolute;
   width: 400px;
   background-color: #000;
   padding: 50px;
   left: 50%;
   margin-left: -200px;
   top: 160px;
   }






ul.loginform input {
width: 190px;
margin-bottom: 10px;
}

ul.loginform input.submitbutton {
background-image: url(/images/button_login.png);
width: 83px;
height: 39px;
float: left;
border: 0px solid #000;
text-indent: -9999px;
cursor: pointer;
line-height: 400px;
}


ul.loginform a#forgotbutton {
background-image: url(/images/button_forgotpassword.png);
width: 115px;
height: 39px;
float: left;
border: 0px solid #000;
text-indent: -9999px;
}






/* =Fancybox */

a.zoom {
position: relative;
display: block;
width: auto !important;
}

span.zoomin {
position: absolute;
top: -10px;
right: -10px;
z-index: 3;
background: transparent url(/javascript/fancybox/fancy_zoom.png) top left no-repeat;
height: 30px;
width: 30px;
text-indent: -9999px;
}


.imagecontainer span.zoomin {
top: -20px;
right: -20px;
}

.imaletyoufinish {
background: transparent url(/images/imaletyoufinish.png) 50% 50% no-repeat;
position: absolute;
top: 0px;
left: 0px;
text-indent: -9999px;
z-index: 5;
}

.imaletyoufinish span {
background: transparent url(/images/ajax-loader.gif) 50% 50% no-repeat;
display: block;
position: absolute;
top: 0px;
left: 0px;
text-indent: -9999px;
z-index: 6;
}













.followus span {
float: left;
display: block;
margin-right: 10px;
height: 14px;
}

a.twitter {
float: left;
height: 32px;
width: 32px;
margin-right: 10px;
background: transparent url(/images/twitter.png) top left no-repeat;
text-indent: -9999px;
display: block;
}

a.facebook {
float: left;
height: 32px;
width: 32px;
margin-right: 10px;
background: transparent url(/images/facebook.png) top left no-repeat;
text-indent: -9999px;
display: block;
}


a.whatsthis {
font-size: 10px;
font-style: italic;
}

p.verificationpopup {
position: absolute;
top: 0px;
right: 0px;
width: 290px;
background-color: #654459;
color: #fff;
padding: 10px;
}

li.cantaccess a {
color: #aaa !important;
border: 1px solid #ccc !important;
}

object {
display: none !important;
}












#mainsection.teaser label {
padding-left: 0px;
}

#mainsection.teaser input.textbox {
width: 240px;
background-color: #EBE2D1;
margin-bottom: 0px;
}



#mainsection.teaser input.submitbutton {
display: block;
float: right;
height: 39px;
width: 88px;
text-indent: -9999px;
border: 0px solid #000;
cursor: pointer;
line-height: 200px;
width: 90px;
background-image: url(/images/button_submit2.png);
}


#mainsection.teaser p {
height: auto !important;
}


.tandc {
background-color: #ebe2d1;
color: #333 !important;
padding: 10px;
}

.tandc p, .tandc li, .tandc h4 {
margin: 10px 0px;
font-size: 11px;
color: #333;
}

#fancy_div .tandc li {
margin-left: 20px;
}

#fancy_div .tandc ol li {
list-style-type: decimal !important;
}

#fancy_div .tandc ul li {
list-style-type: disc !important;
}

.tandc h4 {
font-weight: bold; font-size: 13px;
}

body#subscription #fancy_div,
body#my_profile #fancy_div {
overflow: auto;
}

body#subscription #fancy_left,
body#subscription #fancy_right,
body#my_profile #fancy_left,
body#my_profile #fancy_right {
display: none !important;
}





input#cat1, input#cat2 {
display: none !important;
visibility: hidden !important;
}




div.calendarbar {
height: auto;
background-color: #654459;
padding: 10px;
clear: both;
color: #fff;
}

div.calendarbar td {
padding-top: 0px;
padding-bottom: 0px;
vertical-align: middle;
border-bottom: 0px solid #654459;
}

div.calendarbar td {

}

/*
The acceptdecline element is used on the offer details view to allow a vendor to respond to a lead offer

If you need an accept / reject style interface, use this, feel free to make it look different, but use the same classes for site consistency
*/
#acceptdecline {
    position: relative;
    height: 61px;
    /* Height == height of buttons (.accept and .decline) before border and padding is subtracted...
    ...See notes next to .accept and .decline height setting */
    margin: 30px 100px 0 100px;
}

#acceptdecline .accept {
    /* Positioning 'n' size */
    width: 200px;
    height: 40px; /* height 80px - (border px * 2) - (top padding) [80px-(3px*2)-25px] [I wish I was doing this in compass :'( ] */
    position: absolute;
    right: 0;
    

    /* Font Things */
    padding-top: 15px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #000;
    
    /* It got style Yo! */
    background-color: #32CD32;
    border-radius: 27px;
    -moz-border-radius: 27px;
    -webkit-border-radius: 27px;
    border: 3px solid #000000;
}

#acceptdecline .decline {
    /* Positioning 'n' size */
    width: 200px;
    height: 40px; /* height 80px - (border px * 2) - (top padding) [80px-(3px*2)-25px] [I wish I was doing this in compass :'( ] */
    position: absolute;
    left: 0;
    

    /* Font Things */
    padding-top: 15px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #000;
    
    /* It got style Yo! */
    background-color: #EC0013;
    border-radius: 27px;
    -moz-border-radius: 27px;
    -webkit-border-radius: 27px;
    border: 3px solid #000000;

}

#acceptdecline .decline.dontclickme,
#acceptdecline .accept.dontclickme {
   opacity: .4;
}

.msgarea {
   width: 400px;
   margin: 30px auto 0 auto;
   text-align: center;
   font-size: 21px;
}


/* Rhino Agile footer link */

a.siteby {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 12px;
   color: #617d93;
}

a.siteby .rhino_agile {
   background: url('/images/rhino_agile.png') no-repeat;
   color: rgba(255, 255, 255, 0);
   width: 98px;
   display: inline-block;
   height: 18px;
   margin: 0 0 0 8px;
}